/* ── Design tokens · maxtimmerman.xyz ─────────────────────────── */

:root {
  /* Colors — light mode (Pantone 2026 Cloud Dancer) */
  --bg:             #F0EEE9;
  --bg-deep:        #E8E6E1;
  --bg-invert:      #0D1208;
  --fg:             #111111;
  --fg-soft:        rgba(17,17,17,0.80);
  --fg-mute:        rgba(17,17,17,0.62);
  --fg-invert:      #EFF5EF;
  --fg-invert-soft: rgba(239,245,239,0.72);
  --fg-invert-mute: rgba(239,245,239,0.46);
  --rule:           rgba(17,17,17,0.10);
  --rule-soft:      rgba(17,17,17,0.06);
  --rule-invert:    rgba(239,245,239,0.14);
  --block:          #E8E8E4;
  --block2:         #DEDED9;
  --accent:         #16A34A;

  /* Typography */
  --font-heading: 'Gambarino', Georgia, serif;
  --font-sans:    'Switzer', system-ui, sans-serif;
  --font-mono:    'Switzer', system-ui, sans-serif;

  /* Spacing (4px grid) */
  --sp-1:  4px;   --sp-2:  8px;   --sp-3:  12px;
  --sp-4:  16px;  --sp-5:  20px;  --sp-6:  24px;
  --sp-8:  32px;  --sp-10: 40px;  --sp-12: 48px;
  --sp-16: 64px;  --sp-20: 80px;  --sp-24: 96px;

  /* Layout */
  --container-max: 900px;
  --container-px:  80px;
  --nav-max:       1600px;
  --nav-px:        48px;
}

/* ── Accent overrides ──────────────────────────────────────────── */
[data-accent="blue"]                    { --accent: #2563EB; }
[data-accent="blue"][data-theme="dark"] { --accent: #60A5FA; }

[data-accent="orange"]                    { --accent: #EA580C; }
[data-accent="orange"][data-theme="dark"] { --accent: #FB923C; }

[data-accent="purple"]                    { --accent: #7C3AED; }
[data-accent="purple"][data-theme="dark"] { --accent: #A78BFA; }

[data-theme="dark"] {
  --bg:             #080E08;
  --bg-deep:        #0E160E;
  --bg-invert:      #050805;
  --fg:             #EFF5EF;
  --fg-soft:        rgba(239,245,239,0.92);
  --fg-mute:        rgba(239,245,239,0.70);
  --fg-invert:      #EFF5EF;
  --fg-invert-soft: rgba(239,245,239,0.74);
  --fg-invert-mute: rgba(239,245,239,0.46);
  --rule:           rgba(239,245,239,0.11);
  --rule-soft:      rgba(239,245,239,0.06);
  --rule-invert:    rgba(239,245,239,0.16);
  --block:          #161E16;
  --block2:         #1D271D;
  --accent:         #22C55E;
}