/* ═══════════════════════════════════════════════════════════
   01 — TOKENS
   Light, warm, editorial. Inverted from the original dark
   theme. The "fun" carries through motion, not loudness —
   the accent is intentionally restrained (deep merlot).
   ═══════════════════════════════════════════════════════════ */

:root {
  /* color */
  --bg:          #f3eee0;          /* warm cream */
  --bg-2:        #ebe5d2;
  --fg:          #1a1410;          /* deep warm black */
  --fg-dim:      rgba(26, 20, 16, 0.65);
  --mid:         #8a8378;          /* warm grey */
  --rule:        rgba(26, 20, 16, 0.14);
  --accent:      #2f9ad6;          /* sky blue */
  --accent-soft: rgba(47, 154, 214, 0.12);
   
/* spacing scale */
  --space-xs: 8px;
  --space-s:  16px;
  --space-m:  32px;
  --space-l:  64px;
  --space-xl: 128px;
  
  /* editorial constraints */
  --max-width: 1240px;
  --column-gap: 80px;
   
  /* type */
  --font-display: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", monospace;

  /* motion */
  --ease-out:    cubic-bezier(.2, .8, .2, 1);
  --ease-spring: cubic-bezier(.2, .8, .2, 1.1);
  --ease-cycle:  cubic-bezier(.45, 0, .55, 1);

  /* layout */
  --pad-x: 32px;
}