/* ============================================================
   DESIGN TOKENS — single source of truth for all CSS files
   Imported first in header.php before all other stylesheets.
   ============================================================ */

:root {
  /* ── Colors ─────────────────────────────────────── */
  --c-black:     #0b0a09;
  --c-dark:      #141310;
  --c-off-white: #f0ece3;
  --c-gold:      #e7b800;
  --c-green:     #00e676;
  --c-blue:      #2563ff;
  --c-copper:    #c46b27;
  --c-grey-1:    #1a1a1a;
  --c-grey-2:    #2a2a2a;
  --c-grey-3:    #555555;
  --c-grey-4:    #999999;

  /* ── Typography ──────────────────────────────────── */
  --font-display: 'Alfa Slab One', serif;
  --font-head:    'Poppins', sans-serif;
  --font-body:    'Raleway', sans-serif;
  --font-mono:    'Space Mono', monospace;

  /* ── Easing ──────────────────────────────────────── */
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* ── Spacing ─────────────────────────────────────── */
  --gutter:       clamp(24px, 5vw, 80px);
  --gutter-inner: clamp(20px, 4vw, 60px);

  /* ── Layout ──────────────────────────────────────── */
  --nav-h: 72px;   /* fixed nav height; body padding-top matches this */
}