/* ============================================================
   STIXX STAXX EVENTS — THEME TOKENS
   ------------------------------------------------------------
   👉 THIS IS THE ONE FILE TO CHANGE THE LOOK OF THE WHOLE SITE.
   Edit the values below and every section updates automatically.
   (You can also override colors from config/site.config.js.)
   ============================================================ */
:root{
  /* ---- BRAND COLORS (change these to re-skin everything) ---- */
  --bg:#05040a;            /* page background            */
  --bg-panel:rgba(20,10,32,.5); /* cards / panels        */
  --ink:#f4f0ff;           /* main text                  */
  --dim:#b9a9e6;           /* muted text                 */

  --brand:#ff2fd0;         /* primary neon (magenta)     */
  --brand-2:#9b4dff;       /* secondary neon (purple)    */
  --accent:#22e0ff;        /* accent (cyan)              */
  --accent-2:#b6ff3a;      /* highlight (acid green)     */

  --line:rgba(155,77,255,.28); /* borders / dividers     */

  /* ---- TYPOGRAPHY ---- */
  --font-display:"Anton",Impact,sans-serif;   /* headings */
  --font-body:"Space Grotesk",system-ui,sans-serif; /* body */

  /* ---- SPACING SCALE ---- */
  --space-1:6px;  --space-2:12px; --space-3:18px; --space-4:26px;
  --space-5:34px; --space-6:56px; --space-7:88px;
  --section-y:88px;        /* vertical padding per section */
  --wrap-max:1080px;       /* max content width           */
  --wrap-pad:22px;         /* side padding                */

  /* ---- SHAPE ---- */
  --radius-sm:10px; --radius-md:16px; --radius-lg:20px; --radius-pill:100px;

  /* ---- GLOWS / SHADOWS (derived from brand colors) ---- */
  --glow-brand:0 0 24px rgba(255,47,208,.5);
  --glow-accent:0 0 16px rgba(34,224,255,.28);
  --glow-acid:0 0 16px rgba(182,255,58,.5);

  /* ---- BUTTONS (map to brand colors — edit once, applies everywhere) ---- */
  --btn-primary-bg:var(--brand);   --btn-primary-ink:#150011;
  --btn-accent-ink:var(--accent);  --btn-accent-border:var(--accent);
  --nav-cta-bg:var(--accent-2);    --nav-cta-ink:var(--bg);
}