:root{
/* Brand — one blue, it only ever means action */
--blue-50:#EEF3FF;--blue-100:#E2E9FB;--blue-200:#B7CBFB;--blue-300:#7FA3FD;--blue-500:#175FFF;--blue-600:#0E50E6;--blue-700:#0A40BA;
/* Ink (deep black family) */
--ink-900:#0A0B0F;--ink-850:#111216;--ink-800:#18191D;--ink-700:#222327;--ink-600:#2E3035;--ink-500:#43464D;
/* Neutrals */
--gray-600:#5E616A;--gray-500:#7C7F88;--gray-400:#A2A5AC;--gray-300:#D6D8DC;--gray-200:#E4E6E9;--gray-150:#EBEDF1;--gray-100:#F5F7F9;--white:#FFFFFF;
/* Status (forms only) */
--red-500:#E5484D;--red-50:#FDECEC;--green-500:#12A150;--green-50:#E7F6EE;

/* Semantic — light surfaces */
--bg-page:var(--gray-100);
--bg-section:var(--white);
--bg-section-alt:var(--gray-150);
--surface-card:var(--white);
--surface-card-muted:var(--gray-200);
--surface-chip:var(--gray-200);
--surface-tint:var(--blue-100);
--fg-1:var(--ink-900);
--fg-2:var(--gray-600);
--fg-3:var(--gray-500);
--fg-on-accent:var(--white);
--border-1:var(--gray-200);
--border-2:var(--gray-300);
--border-strong:var(--ink-900);

/* Semantic — dark surfaces */
--bg-dark:var(--ink-900);
--surface-dark-card:var(--ink-700);
--surface-dark-chip:var(--ink-600);
--fg-dark-1:#F4F5F7;
--fg-dark-2:#9A9DA5;
--fg-dark-3:#6E717A;
--border-dark:rgba(255,255,255,.10);

/* Action */
--accent:var(--blue-500);
--accent-hover:var(--blue-600);
--accent-press:var(--blue-700);
--accent-soft:var(--blue-100);
--action-primary-bg:var(--ink-900);
--action-primary-fg:var(--white);
--focus-ring:0 0 0 3px rgba(23,95,255,.35);/* @kind shadow */

/* Gradients (sparingly: hero sky + one highlight card) */
--grad-sky:linear-gradient(180deg,#D7E3F7 0%,#E9F0FA 38%,#FFFFFF 100%);/* @kind color */
--grad-card-glow:linear-gradient(135deg,#FFFFFF 45%,#DCE6FD 72%,#AFC6FB 100%);/* @kind color */
--grad-cta-dark:linear-gradient(180deg,var(--ink-900) 0%,#0B1B4A 62%,#1E5BF0 100%);/* @kind color */
}