/* Design tokens (owner: Designer).
   Palette: warm bakery. Toasted-cream paper (light, warm, slightly darker), crust-brown text and accent,
   wheat gold for fills and rules, berry red as a sparing highlight.
   Contrast on --color-bg (#ecd9b4): text 11.8:1, muted 7.9:1, accent 6.0:1, highlight 6.5:1, focus 8.3:1; on --color-surface all >= 5.1:1 (AA).
   Gold (--color-wheat) is for fills and borders only, not for text. */
:root {
  /* Colour */
  --color-bg: #ecd9b4;
  --color-surface: #e0c895;
  --color-text: #2b1d12;
  --color-muted: #4d3825;
  --color-accent: #7a3f0c;
  --color-accent-strong: #5c2c05;
  --color-wheat: #d9a441;
  --color-crust: #a8621f;
  --color-highlight: #8a2222;
  --color-rule: #c9ad78;
  --color-focus: #5c2c05;

  /* Type: friendly serif headings, system sans body */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-heading: Georgia, "Times New Roman", serif;

  /* Type scale (ratio ~1.25) */
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5625rem;
  --text-2xl: 1.953rem;
  --text-3xl: 2.441rem;
  --text-4xl: clamp(2.5rem, 6vw, 3.815rem);
  --leading-tight: 1.15;
  --leading-body: 1.65;
  --measure: 62ch;

  /* Spacing and shape */
  --space: 1rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --radius: 14px;
  --rule-width: 2px;
}