:root {
    --bg-colour: #1a1a2e;
    --text-colour: #eaeaea;
    --accent-colour: #6c63ff;
    --warning-colour: #e49292;
    --warning-hover: #eab6b6;
    --hover-colour: #5a52d5;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.4);
    --bg-accent: #28283f;
}

.container {
    background: linear-gradient(135deg, #16213e 0%, #1a1a2e 100%);
}

h1 {
    background: linear-gradient(135deg, #6c63ff, #a29bfe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}