:root {
    --hue1: 255;
    --hue2: 222;
    --bg-main: #08090d;
    --bg-card: hsl(var(--hue2) 20% 10% / 0.7);
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --border-color: hsl(var(--hue2) 12% 20% / 0.5);
    --radius: 16px;
    --ease: cubic-bezier(0.5, 1, 0.89, 1);
    --accent: hsl(var(--hue1) 80% 60%);
}

[data-theme="light"] {
    --bg-main: #f0f4f8;
    --bg-card: hsl(var(--hue2) 20% 95% / 0.7);
    --text-main: #0f172a;
    --text-muted: #64748b;
    --border-color: hsl(var(--hue2) 12% 80% / 0.5);
    --accent: hsl(var(--hue1) 70% 50%);
}

* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; }
body { background: var(--bg-main); color: var(--text-main); transition: background 0.3s var(--ease), color 0.3s var(--ease); overflow-x: hidden; }