/*
  Design tokens - the ONLY place visual values live.
  Looks (assets/looks/<id>/look.css, see docs/looks.md) override these
  properties to produce alternative designs without touching layouts. Values below reproduce
  the existing review-prototype look. One Center (2026-10-11): there are no
  per-region colours; --center-accent is the single identity accent.
*/
:root {
  /* colour: neutrals and surfaces */
  --color-text: #163443;
  --color-text-muted: #526c73;
  --color-text-subtle: #4d636a;
  --color-bg: #fcfbf7;
  --color-surface: #ffffff;
  --color-surface-soft: #edf2ed;
  --color-border: #d8e0db;
  --color-banner-bg: #e8ede8;

  /* colour: brand */
  --color-brand: #163443;
  --color-brand-contrast: #ffffff;
  --color-link: #096c70;
  --color-link-hover: #063f48;
  --color-focus: #b8650f; /* 4.13:1 on #fcfbf7, 3.05:1 on #163443 */
  --color-accent: #487d79;
  --color-accent-soft: #b9cfc2;
  --color-button-bg: #bde2d4;
  --color-button-bg-hover: #d4eee3;
  --color-button-text: #102f3b;
  --color-hero-bg: #163443;
  --color-hero-text: #fcfbf7;
  --color-hero-lead: #d7e5e4;
  --color-hero-eyebrow: #a6d3c7;
  --color-hero-outline: #79969f;
  --color-footer-bg: #102b39;
  --color-footer-text: #d6e4e6;
  --color-footer-link: #bde2d4;
  --color-footer-muted: #9bb1b9;
  --color-footer-rule: #35505b;
  --color-notice-bg: #fff7e6;
  --color-notice-border: #b26b00;
  --color-archive: #6b4f12;

  /* colour: the one Center's accent (cards, eyebrows, header rules) */
  --center-accent: var(--color-accent);
  --center-tint: var(--color-surface-soft);

  /* type */
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: var(--font-body);
  --font-size-base: 17px;
  --line-height-base: 1.65;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 15px;
  --font-size-lead: 21px;
  --font-size-h1: clamp(2.6rem, 5.4vw, 4.7rem);
  --font-size-h1-content: clamp(2rem, 4.5vw, 3.2rem);
  --font-size-h2: clamp(1.5rem, 3vw, 2.1rem);
  --font-size-h3: 1.3rem;
  --font-weight-bold: 700;
  --letter-spacing-tight: -0.035em;
  --measure: 70ch;

  /* space */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --content-width: 1160px;
  --prose-width: 820px;

  /* shape */
  --radius-sm: 3px;
  --radius-md: 6px;
  --border-accent-width: 4px;

  /* motion */
  --motion-duration: 150ms;
  --motion-ease: ease-out;
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-duration: 0ms; }
}