:root{
/* base brand colors (exact spec) */
--brand-navy:#0B132B;
--brand-blue:#1D4ED8;
--brand-cyan:#06B6D4;
--brand-green:#10B981;
--neutral-light:#E5E7EB;
--neutral-white:#FFFFFF;
/* blue scale */
--blue-50:#EFF6FF;--blue-100:#DBEAFE;--blue-200:#BFDBFE;--blue-300:#93C5FD;--blue-400:#60A5FA;
--blue-500:#3B82F6;--blue-600:#2563EB;--blue-700:#1D4ED8;--blue-800:#1E40AF;--blue-900:#1E3A8A;
/* cyan scale */
--cyan-50:#ECFEFF;--cyan-100:#CFFAFE;--cyan-200:#A5F3FC;--cyan-300:#67E8F9;--cyan-400:#22D3EE;
--cyan-500:#06B6D4;--cyan-600:#0891B2;--cyan-700:#0E7490;--cyan-800:#155E75;--cyan-900:#164E63;
/* green scale */
--green-50:#ECFDF5;--green-100:#D1FAE5;--green-200:#A7F3D0;--green-300:#6EE7B7;--green-400:#34D399;
--green-500:#10B981;--green-600:#059669;--green-700:#047857;--green-800:#065F46;--green-900:#064E3B;
/* navy surface scale (dark-first UI surfaces) */
--navy-900:#0B132B;--navy-800:#0E1833;--navy-700:#121F40;--navy-600:#182A52;--navy-500:#22396B;
--navy-400:#324B84;--navy-300:#4C64A0;
/* neutral gray scale */
--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;
--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;
/* semantic scales */
--amber-50:#FFFBEB;--amber-400:#FBBF24;--amber-500:#F59E0B;--amber-600:#D97706;
--red-50:#FEF2F2;--red-400:#F87171;--red-500:#EF4444;--red-600:#DC2626;
/* semantic aliases */
--color-success:var(--green-500);--color-success-bg:var(--green-900);--color-success-fg:var(--green-300);
--color-warning:var(--amber-500);--color-warning-bg:#3A2A0D;--color-warning-fg:var(--amber-400);
--color-error:var(--red-500);--color-error-bg:#3A1414;--color-error-fg:var(--red-400);
--color-info:var(--cyan-500);--color-info-bg:var(--cyan-900);--color-info-fg:var(--cyan-300);
/* dark theme surface + text aliases (default) */
--surface-bg:var(--navy-900);
--surface-card:var(--navy-800);
--surface-card-hover:var(--navy-700);
--surface-elevated:var(--navy-700);
--surface-border:var(--navy-500);
--surface-border-subtle:rgba(229,231,235,0.12);
--text-primary:var(--neutral-white);
--text-secondary:var(--neutral-light);
--text-muted:#9AA4C7;
--text-on-brand:var(--neutral-white);
--link-color:var(--cyan-400);
--link-hover:var(--cyan-300);
--gradient-brand:linear-gradient(135deg,var(--brand-blue) 0%,var(--brand-cyan) 100%);
--gradient-brand-full:linear-gradient(135deg,var(--brand-blue) 0%,var(--brand-cyan) 60%,var(--brand-green) 100%);
--gradient-glow:radial-gradient(circle,rgba(6,182,212,0.35) 0%,rgba(6,182,212,0) 70%); /* @kind color */
}
:root[data-theme="light"]{
--surface-bg:var(--neutral-white);
--surface-card:var(--gray-50);
--surface-card-hover:var(--gray-100);
--surface-elevated:var(--neutral-white);
--surface-border:var(--gray-200);
--surface-border-subtle:rgba(11,19,43,0.08);
--text-primary:var(--gray-900);
--text-secondary:var(--gray-600);
--text-muted:var(--gray-500);
--text-on-brand:var(--neutral-white);
--link-color:var(--blue-700);
--link-hover:var(--cyan-700);
}