:root{
--background:210 40% 98%;
--foreground:222 47% 11%;
--primary:14 95% 55%;
--secondary:220 70% 45%;
--muted:215 18% 48%;
--destructive:0 84% 58%;
--border:214 25% 88%;
--card:0 0% 100%;
--shadow-sm:0 6px 18px rgba(15,23,42,.08);
--shadow-md:0 14px 36px rgba(15,23,42,.12);
--shadow-lg:0 26px 60px rgba(15,23,42,.18);
--transition-fast:160ms ease;
--transition-smooth:280ms cubic-bezier(.2,.8,.2,1);
--radius-sm:10px;
--radius-md:18px;
--radius-lg:28px;
}
.dark{
--background:224 48% 8%;
--foreground:210 40% 96%;
--primary:18 100% 62%;
--secondary:199 95% 58%;
--muted:215 20% 68%;
--destructive:0 78% 62%;
--border:222 28% 22%;
--card:224 42% 12%;
}
body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
*{box-sizing:border-box;}
.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);}
.soft-grid{background-image:radial-gradient(circle at 20% 20%,hsl(var(--primary)/.14),transparent 28%),radial-gradient(circle at 80% 10%,hsl(var(--secondary)/.14),transparent 25%),linear-gradient(135deg,hsl(var(--background)),hsl(var(--background)));}