:root {
  --bg: #fafaf7;
  --surface: #f4f1eb;
  --card: #ffffff;
  --fg: #0a0a0a;
  --ink: #1a1714;
  --ink-2: #3a332c;
  --muted: #555555;
  --soft: #555555;
  --border: rgba(0,0,0,0.06);
  --hair: rgba(0,0,0,0.06);
  --hair-strong: rgba(0,0,0,0.10);
  --accent: #ff7a59;
  --accent-fg: #0a0a0a;
  --accent-deep: #d8593f;
  --accent-soft: #fff1eb;
  --accent-2: #1e1b17;
  --mint: #dcefe4;
  --gold: #f4d47c;
  --green: #1d6a3d;
  --amber: #6e5417;
  --red: #8a2a2a;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-xl: 20px;
  --shadow-sm: 0 1px 2px rgba(40, 30, 20, .05);
  --shadow: 0 1px 2px rgba(40, 30, 20, .04), 0 14px 40px rgba(40, 30, 20, .06);
  --shadow-hover: 0 2px 4px rgba(40, 30, 20, .06), 0 26px 56px rgba(40, 30, 20, .10);
  --max: 1200px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 40px;
  /* Minimum touch target (WCAG 2.5.8) — backs the .tappable utility. */
  --tap: 44px;
  --sans: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color-scheme: light only;
}