:root {
  --color-blue-950:#03152f;
  --color-blue-900:#071f46;
  --color-blue-800:#0a2f66;
  --color-blue-700:#0d47a1;
  --color-blue-100:#e9f1ff;
  --color-green-800:#075b45;
  --color-green-700:#08795a;
  --color-green-100:#e7f6f0;
  --color-yellow-500:#e9b400;
  --color-yellow-400:#f3c72b;
  --color-yellow-100:#fff8d8;
  --color-red-700:#a12b2b;
  --color-red-100:#fff0f0;
  --color-ink:#10233d;
  --color-muted:#52677f;
  --color-border:#d8e1eb;
  --color-surface:#ffffff;
  --color-canvas:#f7f9fc;
  --color-soft:#eef3f8;
  --shadow-xs:0 1px 2px rgba(4,25,55,.06);
  --shadow-sm:0 8px 30px rgba(4,25,55,.08);
  --radius-sm:.625rem;
  --radius-md:1rem;
  --radius-lg:1.5rem;
  --radius-pill:999px;
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem;
  --space-12:3rem; --space-16:4rem; --space-20:5rem;
  --max-width:76rem;
  --font-size-base:16px;
  --focus:0 0 0 3px #fff,0 0 0 6px #0d47a1;
  --ease:cubic-bezier(.2,.8,.2,1);
}
:root[data-text-size="large"]{--font-size-base:18px}
:root[data-text-size="xl"]{--font-size-base:20px}
:root[data-contrast="high"]{--color-ink:#000;--color-muted:#111;--color-border:#000;--color-canvas:#fff;--color-soft:#fff;--color-blue-900:#001f5b;--color-blue-700:#0039a6;--color-green-700:#005f32}