:root{
/* base scale */
--blue-900:#050816;--blue-850:#080D1C;--blue-800:#0D1426;--blue-750:#111B32;--blue-700:#15213D;
--blue-600:#1C2942;--blue-500:#2B4070;--blue-400:#356DFF;--blue-300:#4A7DFF;
--cyan-400:#22D3EE;--violet-400:#8B5CF6;--green-400:#34D399;--rose-400:#FB7185;
--white:#FFFFFF;--ice-50:#F5F7FF;--slate-300:#A8B1C5;--slate-500:#68738A;

/* semantic surfaces */
--bg:var(--blue-900);
--bg-secondary:var(--blue-850);
--surface:var(--blue-800);
--surface-elevated:var(--blue-750);
--surface-hover:var(--blue-700);
--border:var(--blue-600);
--border-hover:var(--blue-500);

/* semantic text */
--text:var(--ice-50);
--text-secondary:var(--slate-300);
--text-muted:var(--slate-500);
--text-on-primary:var(--white);

/* semantic action */
--primary:var(--blue-400);
--primary-hover:var(--blue-300);
--accent:var(--cyan-400);
--violet:var(--violet-400);
--success:var(--green-400);
--error:var(--rose-400);

/* gradients */
--gradient-brand:linear-gradient(135deg,#22D3EE 0%,#356DFF 50%,#8B5CF6 100%); /* @kind color */
--gradient-brand-soft:linear-gradient(135deg,rgba(34,211,238,.16) 0%,rgba(53,109,255,.16) 50%,rgba(139,92,246,.16) 100%); /* @kind color */
--gradient-hairline:linear-gradient(90deg,transparent,var(--border) 20%,var(--border-hover) 50%,var(--border) 80%,transparent); /* @kind color */

/* ambient light */
--glow-blue:rgba(53,109,255,.20);
--glow-cyan:rgba(34,211,238,.15);
--glow-violet:rgba(139,92,246,.18);
--ambient-hero:radial-gradient(circle at 70% 20%,rgba(53,109,255,.14),transparent 35%),radial-gradient(circle at 30% 50%,rgba(139,92,246,.08),transparent 30%); /* @kind color */
--ambient-card:radial-gradient(circle at 80% 20%,rgba(53,109,255,.10),transparent 40%); /* @kind color */
--tech-grid:linear-gradient(rgba(168,177,197,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(168,177,197,.04) 1px,transparent 1px); /* @kind color */
}