:root{
--blue-50:#eef1ff;--blue-100:#e4ebff;--blue-200:#c7d4ff;--blue-300:#a3b6ff;--blue-400:#7188ff;--blue-500:#3d5cff;--blue-600:#2c44e0;--blue-700:#2033b3;--blue-800:#182586;--blue-900:#121c5f;
--ink-950:#0e0e12;--ink-900:#15151b;--ink-800:#1f1f28;--ink-700:#2c2c38;--ink-600:#42424f;--ink-500:#5c5c6b;--ink-400:#7a7a89;--ink-300:#a3a3af;--ink-200:#c8c8d1;--ink-100:#e4e4ea;--ink-50:#f3f3f6;
--white:#ffffff;
--coral-500:oklch(68% 0.19 35);--coral-600:oklch(58% 0.19 32);--coral-100:oklch(95% 0.03 35);
--green-500:oklch(62% 0.16 148);--green-600:oklch(52% 0.16 148);--green-100:oklch(94% 0.05 148);
--amber-500:oklch(75% 0.15 75);--amber-600:oklch(62% 0.15 70);--amber-100:oklch(95% 0.05 80);
--red-500:oklch(58% 0.21 25);--red-600:oklch(50% 0.21 25);--red-100:oklch(94% 0.04 25);

--brand-primary:var(--blue-500);
--brand-primary-hover:var(--blue-600);
--brand-primary-active:var(--blue-700);
--brand-primary-tint:var(--blue-100);
--brand-ink:var(--ink-950);

--fg-1:var(--ink-950);
--fg-2:var(--ink-600);
--fg-3:var(--ink-400);
--fg-on-brand:var(--white);
--fg-on-dark:var(--white);
--fg-on-dark-2:var(--ink-200);

--surface-page:var(--white);
--surface-page-dark:var(--ink-950);
--surface-card:var(--white);
--surface-card-dark:var(--ink-900);
--surface-sunken:var(--ink-50);
--surface-sunken-dark:var(--ink-800);
--surface-brand:var(--blue-500);
--surface-brand-tint:var(--blue-100);

--border-1:var(--ink-100);
--border-2:var(--ink-200);
--border-dark:var(--ink-700);
--border-focus:var(--blue-500);

--accent-streak:var(--coral-500);
--accent-progress:var(--green-500);
--accent-caution:var(--amber-500);

--state-success:var(--green-500);
--state-success-tint:var(--green-100);
--state-warning:var(--amber-500);
--state-warning-tint:var(--amber-100);
--state-danger:var(--red-500);
--state-danger-tint:var(--red-100);
--state-danger-hover:var(--red-600);
}