/* Design tokens: owned by the Designer.
   Palette: "lab at night" - deep indigo ink, helix teal, coral for highlights; light, cool paper background.
   Contrast (WCAG AA): text on bg 15:1, muted on bg 7.6:1, accent on bg 6.4:1, teal on bg 5.7:1, coral on bg 5.3:1,
   white on accent 6.5:1.
   Type: system fonts only. Headings use a Georgia-style serif for a "journal" feel, body uses the system sans,
   code/sequences use the system monospace. Scale is 1.25 (major third). */
:root {
  --color-bg: #f7f9fc;
  --color-surface: #ffffff;
  --color-surface-alt: #e8eef8;
  --color-border: #c9d4e6;
  --color-text: #14213d;
  --color-muted: #44516b;
  --color-accent: #1d4ed8;
  --color-accent-contrast: #ffffff;
  --color-teal: #0b6f6a;
  --color-coral: #b93d0c;
  --color-gold: #8a5a00;
  --color-dark-bg: #0f1b3d;
  --color-dark-text: #eaf0ff;

  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-heading: Georgia, "Iowan Old Style", "Times New Roman", serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.563rem;
  --text-xl: 1.953rem;
  --text-2xl: 2.441rem;
  --text-3xl: 3.052rem;
  --leading-tight: 1.2;
  --leading-body: 1.6;

  --space: 1rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;

  --radius-sm: 4px;
  --radius: 10px;
  --radius-lg: 20px;
  --shadow: 0 2px 10px rgba(20, 33, 61, 0.12);
  --max-width: 68rem;
}