/* Design tokens from ../../brand/BRAND.md (brand kit v1, 15.10.2026).
   Change brand values here only; site.css reads nothing else. */
:root {
  --c-bg: #F7F5EE;            /* Paper */
  --c-surface: #ffffff;
  --c-surface-alt: #EEEBE1;   /* Paper, one step darker */
  --c-ink: #14151C;           /* Ink */
  --c-ink-soft: #5E6170;      /* Slate: 5.6 on Paper */
  --c-line: #DEDACD;
  --c-cta: #C8F03C;           /* Lime: primary button fill, Ink text. Never as text on light */
  --c-cta-ink: #14151C;
  --c-cta-hover: #B5DE2A;
  --c-accent: #5A3DF0;        /* Violet: links, accent words, selected states on light */
  --c-accent-ink: #ffffff;
  --c-accent-hover: #4529D6;
  --c-accent-soft: #ECE8FE;
  --c-ping: #FF6B4A;          /* Coral: badges/ping only, Ink text */
  --c-focus: #5A3DF0;
  --c-ok: #1D7A46;
  --c-err: #B42318;

  --font-body: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;
  --fw-display: 800;
  --ls-display: -0.03em;
  --fs-base: 17px;

  --radius: 16px;
  --radius-sm: 10px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgb(20 21 28 / 6%), 0 8px 24px rgb(20 21 28 / 6%);
  --wrap: 1120px;
  --gutter: 16px;
}