/* SYNCED from brand/tokens.css (2026-09-22) — the repo file is the single
   source of truth. This copy exists because Cloudflare Pages serves only the
   assembled dist/ tree; keep values in sync when brand/tokens.css changes.
   Client sites override these under :root or a [data-theme="client"] scope,
   but never introduce ad-hoc magic values. Enforced at the QA review stage. */
:root {
  /* palette (canvas, ink, accents) */
  --wd-canvas: #F6EFE5;
  --wd-surface: #FFFFFF;
  --wd-surface-2: #FBF7F0;
  --wd-ink: #23201D;
  --wd-muted: #6F7D7A;
  --wd-oak: #8B5E34;
  --wd-oak-bright: #C98F4E;
  --wd-red: #C1121F;
  --wd-green: #28785F;
  --wd-amber: #A76212;
  --wd-blue: #315A7C;
  --wd-line: #E2D6C8;

  /* type */
  --wd-font-head: "Space Grotesk", "Inter", system-ui, sans-serif;
  --wd-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wd-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* spacing rhythm */
  --wd-space-1: 0.5rem;
  --wd-space-2: 0.75rem;
  --wd-space-3: 1rem;
  --wd-space-4: 1.5rem;
  --wd-space-5: 2.25rem;
  --wd-space-6: 3.5rem;

  /* radii + shadow */
  --wd-radius: 18px;
  --wd-radius-sm: 10px;
  --wd-shadow: 0 18px 52px rgba(35, 32, 29, 0.10);
}