:root {
    color-scheme: dark;
    --background: 230 35% 7%;
    --foreground: 210 40% 98%;
    --card: 230 30% 10%;
    --card-foreground: 210 40% 98%;
    --popover: 230 30% 10%;
    --popover-foreground: 210 40% 98%;
    --primary: 220 90% 64%;
    --primary-foreground: 0 0% 100%;
    --secondary: 230 25% 14%;
    --secondary-foreground: 210 40% 98%;
    --muted: 230 25% 14%;
    --muted-foreground: 215 16% 65%;
    --accent: 265 85% 58%;
    --accent-foreground: 0 0% 100%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 210 40% 98%;
    --border: 230 25% 18%;
    --input: 230 25% 18%;
    --ring: 220 90% 64%;
    --radius: .75rem;
    --gradient-primary: linear-gradient(135deg, hsl(220 90% 64%) 0%, hsl(265 85% 58%) 100%);
    --gradient-hero: linear-gradient(180deg, hsl(230 35% 7%) 0%, hsl(250 40% 12%) 100%);
    --gradient-card: linear-gradient(145deg, hsl(230 30% 11%) 0%, hsl(230 30% 9%) 100%);
    --gradient-glow: radial-gradient(circle at 50% 50%, hsl(220 90% 64% / .15) 0%, transparent 70%);
    --shadow-glow: 0 0 40px hsl(220 90% 64% / .3);
    --shadow-card: 0 4px 20px hsl(0 0% 0% / .5);
    --transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);
    --success: 142 76% 36%;
    --success-foreground: 0 0% 100%;
    --warning: 38 92% 50%;
    --warning-foreground: 0 0% 100%;
    --sidebar-background: 230 35% 8%;
    --sidebar-foreground: 210 40% 98%;
    --sidebar-primary: 220 90% 64%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 230 30% 12%;
    --sidebar-accent-foreground: 210 40% 98%;
    --sidebar-border: 230 25% 15%;
    --sidebar-ring: 220 90% 64%;
}

:root {
    --bg: hsl(var(--background));
    --surface: hsl(var(--card));
    --panel: hsl(var(--card) / .78);
    --panel-2: hsl(var(--secondary) / .88);
    --line: hsl(var(--border) / .9);
    --text: hsl(var(--foreground));
    --soft: hsl(var(--foreground) / .86);
    --muted-text: hsl(var(--muted-foreground));
    --blue: hsl(var(--primary));
    --purple: hsl(var(--accent));
    --pink: #ff42a9;
    --cyan: #17d1e8;
    --green: #3edb9f;
    --danger: hsl(var(--destructive));
    --shadow: 0 24px 90px rgba(0, 0, 0, .45);
    --topbar: 61px;
    --rail: 64px;
}