:root{
/* Brand core */
--navy-950:#010f28;
--navy-900:#01204C;
--navy-800:#052a5e;
--navy-700:#0d3872;
--navy-600:#1a4a8c;
--navy-500:#2f5fa3;
--navy-100:#e3eaf4;
--navy-50:#f2f5fa;

--red-700:#8f1a1d;
--red-600:#BA2226;
--red-500:#d32f33;
--red-400:#e8585c;
--red-100:#fbe3e4;
--red-50:#fdf1f1;

--blue-700:oklch(52% 0.19 246);
--blue-600:oklch(58% 0.20 246);
--electric-blue:#0d7dff;
--electric-blue-600:#0968d6;
--electric-blue-100:#dcebff;

--white:#ffffff;
--black:#05070a;

--gray-950:#0a0d12;
--gray-900:#12161d;
--gray-800:#1c222c;
--gray-700:#2b323f;
--gray-600:#4a5568;
--gray-500:#6b7583;
--gray-400:#98a2b3;
--gray-300:#c4cad4;
--gray-200:#e1e4e9;
--gray-100:#eef0f3;
--gray-50:#f7f8fa;

/* Semantic surfaces */
--surface-dark:var(--navy-950);
--surface-dark-raised:var(--navy-900);
--surface-light:var(--white);
--surface-light-alt:var(--gray-50);
--surface-card-dark:#0a1730;
--surface-card-light:var(--white);

/* Text */
--text-on-dark-primary:var(--white);
--text-on-dark-secondary:#aab6ca;
--text-on-dark-muted:#6f7f9c;
--text-on-light-primary:var(--navy-950);
--text-on-light-secondary:var(--gray-600);
--text-on-light-muted:var(--gray-500);

/* Brand accents */
--accent-red:var(--red-600);
--accent-red-hover:var(--red-500);
--accent-red-active:var(--red-700);
--accent-blue:var(--electric-blue);
--accent-blue-hover:#3a92ff;
--accent-blue-active:var(--electric-blue-600);

/* Semantic states */
--color-success:#1fa571;
--color-warning:#e0a318;
--color-danger:var(--red-600);
--color-info:var(--electric-blue);

/* Borders */
--border-dark:#232c3d;
--border-light:var(--gray-200);
--border-focus:var(--electric-blue);

/* Glow / gradients */
--glow-red:0 0 32px rgba(186,34,38,0.45); /* @kind shadow */
--glow-blue:0 0 32px rgba(13,125,255,0.45); /* @kind shadow */
--gradient-hero-dark:radial-gradient(120% 120% at 20% 0%,#0d3872 0%,#01204C 45%,#05070a 100%); /* @kind color */
--gradient-red-sweep:linear-gradient(115deg,var(--red-600) 0%,var(--red-700) 100%); /* @kind color */
--gradient-blue-sweep:linear-gradient(115deg,var(--electric-blue) 0%,var(--electric-blue-600) 100%); /* @kind color */
--gradient-edge-fade:linear-gradient(180deg,rgba(1,32,76,0) 0%,rgba(1,15,40,0.9) 100%); /* @kind color */
}