/* Brand design tokens — the ONLY place design values live (ground rule 7).
   Jinja2 templates reference these custom properties; no hardcoded colours or
   fonts anywhere else. Per-client customisation happens by editing this file. */

:root {
  /* Typography */
  --font-heading: "Cormorant Garamond", Georgia, serif;
  --font-body: "DM Sans", "Helvetica Neue", Arial, sans-serif;

  /* Palette */
  --color-background: oklch(97% 0.01 90); /* warm off-white */
  --color-text: oklch(25% 0.01 90);
  --color-text-muted: oklch(45% 0.01 90);
  --color-accent: oklch(40% 0.13 18); /* terracotta */
  --color-rule: oklch(88% 0.01 90);

  /* Section labels: small-caps, letter-spaced, accent line */
  --label-letter-spacing: 0.12em;
  --label-font-size: 0.78rem;

  /* Key figures: large serif numerals */
  --key-figure-font-size: 3rem;

  /* "Our Take": left-bordered italic editorial block */
  --our-take-border: 3px solid var(--color-accent);

  /* Provenance chips — three classes, visually distinct, never interchangeable */
  --chip-font-size: 0.62rem;
  --chip-letter-spacing: 0.08em;
  --chip-cited-bg: oklch(92% 0.02 240);
  --chip-cited-text: oklch(35% 0.06 240);
  --chip-computed-bg: oklch(92% 0.02 150);
  --chip-computed-text: oklch(32% 0.06 150);
  --chip-inferred-bg: oklch(93% 0.05 18);
  --chip-inferred-text: var(--color-accent);

  /* Layout */
  --content-max-width: 42rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 2rem;
  --space-5: 4rem;
}