/* Design tokens: the only place colours, spacing and type are defined. */
:root {
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-sm: 0.875rem; --fs-md: 1rem; --fs-lg: 1.25rem; --fs-xl: 1.6rem;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;
  --radius: 10px; --radius-sm: 6px;
  --bg: #f6f5f2; --surface: #ffffff; --border: #e3e0da;
  --text: #1e1d1a; --muted: #6b6860;
  --primary: #2f5d50; --primary-ink: #ffffff; --primary-hover: #264a40;
  --danger: #b3261e; --success: #1f7a4d; --info: #2b5c8a; --warning: #9a6b00;
  --shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 16px rgba(0,0,0,.04);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #161614; --surface: #1f1f1c; --border: #33322e;
    --text: #ecebe6; --muted: #a09d94;
    --primary: #5fa38f; --primary-ink: #0d1b16; --primary-hover: #72b5a1;
    --shadow: none;
  }
}
:root[data-theme="dark"] {
  --bg: #161614; --surface: #1f1f1c; --border: #33322e;
  --text: #ecebe6; --muted: #a09d94;
  --primary: #5fa38f; --primary-ink: #0d1b16; --primary-hover: #72b5a1;
  --shadow: none;
}