/*
  carma-tokens.css
  ─────────────────────────────────────────────────────
  CARMA design tokens — ported exactly from _design/carma-site.css :root.
  Source of truth for all Phase-2+ work.
  The two --radius tokens are the ONE sanctioned lossless refactor per TOKENS.md §3.
  Do NOT alter values without re-verifying against _design/.
*/

:root {
  /* ── Typography ── */
  --f-display: 'Instrument Sans', system-ui, sans-serif;
  --f-body: 'Geist', system-ui, sans-serif;
  --f-mono: 'IBM Plex Mono', monospace;

  /* ── Palette: Cream (Hai × Sumi) — the single CARMA colorway ── */
  --paper: #F4F2EE;
  --panel: #ECE9E3;
  --ink: #161514;
  --gray: #6B655C;
  --gray-soft: #A39C90;
  --silver: #BFBAB1;
  --accent: #4B4845;
  --line: rgba(22, 21, 20, 0.13);
  --line-soft: rgba(22, 21, 20, 0.07);
  --accent-tint: rgba(75, 72, 69, 0.07);

  /* ── Spacing scale (exact set — no gaps filled) ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* ── Semantic layout tokens ── */
  --gutter: 24px;
  --wrap-max: 1180px;
  --narrow-max: 760px;
  --section-y: clamp(80px, 12vw, 150px);

  /* ── Border radius — sanctioned refactor (TOKENS.md §3) ── */
  --radius: 2px;      /* default everywhere */
  --radius-lg: 4px;   /* testimonial cards + toggle pill */
}