/* Design tokens. Custom properties only.
 * Loaded first on every page. Do not add selectors here beyond :root.
 * Phase 1 values carried verbatim from site.css (locked in v2, 2026-04-21). */

:root {
  /* Paper + ink surfaces */
  --paper: #f5f2ec;
  --paper-soft: #fbf9f4;
  --paper-boxed: #f9f6ef;
  --paper-warm: #faf7f0;

  /* Panel tints — pale, high-lightness variants of the accent palette.
     Used via .panel[data-tint="..."] to liven the canvas without leaving
     the warm-paper register. */
  --paper-blue: #ecf2f6;
  --paper-amber: #f6ebda;
  --paper-sage: #ecf1e8;
  --paper-rose: #f5ece8;
  --paper-plum: #f1eaec;
  --paper-butter: #f6f1de;

  --ink: #1a1814;
  --ink-soft: #3a3630;
  --ink-mute: #7a736a;

  --rule: #d6cfbf;
  --rule-soft: #e6e0d1;

  /* Accents */
  --teal: #2b5b73;
  --teal-soft: #6e92a3;
  --blue-soft: #7a9eb1;
  --amber: #c47c4a;
  --plum: #5c2b2e;

  /* Typography */
  --font-serif: 'Fraunces', Georgia, serif;
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Elevation */
  --panel-shadow: 0 1px 2px rgba(26,24,20,0.04), 0 12px 48px rgba(26,24,20,0.06);
  --panel-shadow-active: 0 1px 2px rgba(26,24,20,0.04), 0 16px 56px rgba(196,124,74,0.16);
}