/* =======================================================
   DESIGN TOKENS
   All colors, typography, spacing, and easing in one place.
   Edit this file to re-skin the entire site.
======================================================= */
:root {
  /* Background tones */
  --bg: #0a0908;
  --bg-elev: #131210;
  --bg-elev-2: #1a1815;

  /* Foreground / text */
  --ink: #f5f1ea;
  --ink-2: #b8b0a3;
  --ink-3: #6e6962;

  /* Rules / borders */
  --rule: #2a2724;
  --rule-soft: #1f1d1a;

  /* Brand accents */
  --amber: #f5a623;
  --amber-soft: #f5d27f;
  --emerald: #5b8d6a;
  --emerald-soft: #8fb89c;
  --signal: #ff6b3d;

  /* Light alternate */
  --paper: #f5f1ea;
  --paper-2: #ebe5d8;

  /* Typography */
  --font-display: "Fraunces", "Times New Roman", serif;
  --font-body: "Inter Tight", -apple-system, system-ui, sans-serif;
  --font-mono: "Geist Mono", "SF Mono", ui-monospace, monospace;

  /* Layout */
  --max-w: 1280px;
  --pad-x: clamp(1.25rem, 4vw, 2.5rem);

  /* Easing curves */
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --ease-in-out: cubic-bezier(.7,0,.3,1);
}