/* Think Massive — design tokens (source of truth mirrored from the brand kit).
   Fonts: Adobe Typekit kit lij6fjh (Strelka, Zedou) + Google Fonts VT323 are
   enqueued separately in functions.php so the Typekit domain allow-list applies. */
:root {
  /* ---- core palette ---- */
  --tm-void:      #050A0A;
  --tm-indigo:    #1D109F;
  --tm-indigo-2:  #3A33A1;
  --tm-indigo-4:  #6E66D6;
  --tm-magenta:   #FF00A6;
  --tm-acid:      #6AFF68;
  --tm-bone:      #EBEBEB;

  /* ---- semantic text ---- */
  --fg:        var(--tm-bone);
  --fg-dim:    #9AA0AD;
  --fg-muted:  #5B6172;

  /* ---- lines & panels ---- */
  --hairline:        rgba(235, 235, 235, 0.18);
  --hairline-acid:   rgba(106, 255, 104, 0.45);
  --hairline-indigo: rgba(110, 102, 214, 0.45);
  --bg-panel:        rgba(29, 16, 159, 0.08);
  --bg-panel-2:      rgba(29, 16, 159, 0.06);

  /* ---- signal accent (Customizer-overridable) ---- */
  --signal: var(--tm-acid);

  /* ---- type ---- */
  --font-display: 'strelka', 'Strelka', 'Arial Black', system-ui, sans-serif;
  --font-body:    'zedou', 'Zedou', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-zedou:   'zedou', 'Zedou', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-led:     'VT323', 'zedou', ui-monospace, 'Consolas', monospace;

  /* ---- radii & glows ---- */
  --radius-card: 4px;
  --radius-pill: 999px;
  --glow-bone:    0 0 6px rgba(255,255,255,0.45), 0 0 18px rgba(255,255,255,0.18);
  --glow-indigo:  0 0 14px rgba(110,102,214,0.7), 0 0 32px rgba(29,16,159,0.45);
  --glow-acid-sm: 0 0 8px rgba(106,255,104,0.6);

  /* ---- motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-base: 220ms;
  --dur-reveal: 520ms;
}