:root{
  --color-bg:#f6f8f9;
  --color-surface:#fffefa;
  --color-white:#ffffff;
  --color-text:#111111;
  --color-muted:#63696d;
  --color-border:#cbd3d9;
  --color-border-subtle:#dfe5e9;
  --color-map:#d5dce1;
  --color-brand:#1f5f80;
  --color-brand-strong:#164a66;
  --color-brand-deep:#0f2a3a;
  --color-brand-pale:#d1e6f1;
  --color-warm:#d95f32;
  --color-warm-strong:#a94120;
  --color-warm-pale:#fff3ea;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:22px;
  --radius-pill:999px;
  --font-body:'DM Sans',sans-serif;
  --font-display:'Archivo',sans-serif;
  --type-body:16px;
  --type-small:13px;
  --type-section:clamp(44px,5vw,73px);
  --type-display:clamp(64px,9vw,138px);
  --leading-body:1.6;
  --focus-ring:2px solid var(--color-brand-strong);
  --target-min:44px;
  --duration-fast:180ms;
  --duration-base:300ms;
  /* Compatibility aliases for established components. */
  --paper:var(--color-bg);
  --ink:var(--color-text);
  --muted:var(--color-muted);
  --line:var(--color-border);
  --accent:var(--color-brand);
  --accent-dark:var(--color-brand-strong);
  --sage:var(--color-brand-pale);
  --deep:var(--color-brand-deep);
  --warm:var(--color-warm);
  --warm-light:#f8d9c7;
  --warm-deep:var(--color-warm-strong);
  --display:var(--font-display);
}