/* ══════════════════════════════════════════════════════════════
   WEIRDMAKER DESIGN TOKENS — Single Source of Truth
   Import this in EVERY page. Never duplicate these values.
══════════════════════════════════════════════════════════════ */

:root {
  /* ── Colors ── */
  --bg:             #02010a;
  --bg2:            #07050f;
  --bg3:            #0e0d18;
  --bg3-edge:       #07060f;
  --bg-card:        #08061a;
  --bg-card-hover:  #0c0a22;

  --accent:         #b48aff;
  --accent2:        #4affcc;
  --hot:            #ff3c78;
  --ok:             #88ff99;
  --gold:           #ffd700;

  --accent-dim:     rgba(180,138,255,0.12);
  --accent2-dim:    rgba(74,255,204,0.08);
  --glow:           rgba(160,100,255,0.15);
  --glow-color:     rgba(160,100,255,0.18);

  --text:           rgba(255,255,255,0.78);
  --text2:          rgba(255,255,255,0.45);
  --text3:          rgba(255,255,255,0.22);

  --border:         #1a1535;
  --border2:        #2a2550;

  /* ── Typography ── */
  --font-brand:     'Space Mono', 'SF Mono', monospace;
  --font-terminal:  'VT323', monospace;
  --font-mono:      'Share Tech Mono', 'SF Mono', monospace;

  /* ── Eurorack Reference ── */
  --hp-px:          5.08;
  --panel-h:        128.5;

  /* ── Layout ── */
  --nav-height:     64px;
  --content-max:    1200px;
  --content-narrow: 800px;
  --radius:         8px;
  --radius-lg:      12px;

  /* ── Transitions ── */
  --ease:           cubic-bezier(0.4, 0, 0.2, 1);
  --duration:       0.2s;
  --duration-slow:  0.4s;
}