/* Shared design tokens — the single source of truth for colour, type, and
   surface variables across the Astro shell (UnifiedLayout.astro) and the
   iframe map (map-legacy.html). Previously this block was copy-pasted in
   three places and drifted. See DESIGN.md for the rationale behind each token.
   Dark is the default; [data-theme="light"] overrides below. */

:root{
  --bg:         oklch(0.18 0.01 240);
  --bg-2:       oklch(0.22 0.01 240);
  --bg-3:       oklch(0.26 0.01 240);
  --ink:        oklch(0.94 0.01 85);
  --ink-2:      oklch(0.78 0.01 85);
  --ink-3:      oklch(0.58 0.01 85);
  --ink-4:      oklch(0.42 0.01 240);
  --rule:       oklch(0.32 0.01 240);
  --rule-2:     oklch(0.28 0.01 240);
  --land:       oklch(0.24 0.01 240);
  --land-edge:  oklch(0.32 0.01 240);
  --graticule:  oklch(0.26 0.01 240);

  /* Tier marker colours (national / academic / commercial / lab-OS) */
  --c-national:   oklch(0.78 0.14 85);
  --c-academic:   oklch(0.78 0.14 200);
  --c-commercial: oklch(0.72 0.18 25);
  --c-labos:      oklch(0.78 0.14 300);

  --font-sans: 'Inter', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Overlay / sheet surfaces */
  --surface-overlay:    oklch(0.14 0.01 240 / 0.94);
  --surface-deep:       oklch(0.12 0.01 240);
  --surface-hover:      oklch(0.18 0.012 240);
  --globe-gradient-mid: oklch(0.22 0.015 240);
  --globe-gradient-end: oklch(0.14 0.01 240);
}

[data-theme="light"]{
  --bg:         oklch(0.985 0.003 85);
  --bg-2:       oklch(0.965 0.004 85);
  --bg-3:       oklch(0.93  0.005 85);
  --ink:        oklch(0.18  0.01  240);
  --ink-2:      oklch(0.36  0.01  240);
  --ink-3:      oklch(0.52  0.01  240);
  --ink-4:      oklch(0.66  0.01  240);
  --rule:       oklch(0.86  0.005 85);
  --rule-2:     oklch(0.91  0.005 85);
  --land:       oklch(0.93  0.005 85);
  --land-edge:  oklch(0.78  0.005 85);
  --graticule:  oklch(0.88  0.005 85);

  /* Slightly deeper marker colours to keep contrast on warm-white bg */
  --c-national:   oklch(0.58 0.18 85);
  --c-academic:   oklch(0.55 0.18 220);
  --c-commercial: oklch(0.55 0.22 25);
  --c-labos:      oklch(0.55 0.18 300);

  --surface-overlay:    oklch(0.985 0.005 85 / 0.96);
  --surface-deep:       oklch(0.96 0.005 85);
  --surface-hover:      oklch(0.93 0.006 85);
  --globe-gradient-mid: oklch(0.92 0.005 85);
  --globe-gradient-end: oklch(0.82 0.005 85);
}