:root {
  color-scheme: light;
  --bg: #f7f5f1;
  --surface: #ffffff;
  --surface-alt: #edeae4;
  --border: #dcd8d0;
  --text: #14161b;
  --text-muted: #56585f;
  --accent: #1c3f6e;
  --accent-soft: #e8eef6;
  --highlight: #b6772a;
  /* Foreground for --highlight backgrounds. Both theme values are deliberately dark
     because --highlight is a mid-tone amber in both light and dark themes. */
  --map-land: #ddd9d2;
  --map-stroke: #c9c4bb;
  --on-highlight: #14171f;

  --font-display: 'Switzer', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-body: 'Switzer', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, monospace;

  --step--1: clamp(0.85rem, 0.82rem + 0.16vw, 0.94rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.09rem);
  --step-1: clamp(1.25rem, 1.16rem + 0.45vw, 1.5rem);
  --step-2: clamp(1.56rem, 1.39rem + 0.85vw, 2.06rem);
  --step-3: clamp(1.95rem, 1.66rem + 1.45vw, 2.83rem);
  --step-4: clamp(2.44rem, 1.95rem + 2.4vw, 3.9rem);
  --step-5: clamp(3.05rem, 2.32rem + 3.65vw, 5.5rem);

  --space-xs: 0.5rem;
  --space-sm: 0.875rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4.5rem;

  --radius: 14px;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-lift: 0 2px 6px rgba(0, 0, 0, 0.5), 0 18px 40px rgba(0, 0, 0, 0.5);
  --max-width: 1080px;
}