/* VE GAMERZ — Color tokens
   Deep-space dark canvas; electric cyan does all the talking.
   Glow accents are rare by design — they earn attention. */
:root{
  /* ── Brand core ─────────────────────────── */
  --c-primary:#00E5FF;      /* electric cyan — CTAs, links, accents */
  --c-secondary:#00B8D4;    /* deep cyan — gradient depth, hovers   */
  --c-glow:#66F7FF;         /* glow accent — stat numbers, halos    */

  /* ── Surfaces ───────────────────────────── */
  --c-bg:#050B12;           /* deep space — page base               */
  --c-bg-2:#08111C;         /* raised background                    */
  --c-card:#1A2330;         /* steel navy — elevated card surface   */
  --c-card-2:#141C28;       /* recessed card                        */

  /* ── Text ───────────────────────────────── */
  --c-text:#FFFFFF;         /* primary copy + headings on dark      */
  --c-muted:#8FA3B5;        /* secondary / body text                */
  --c-dim:#5A6B7C;          /* captions, meta, placeholders         */

  /* ── Lines / hairlines ──────────────────── */
  --c-line:rgba(0,229,255,.14);        /* default cyan hairline     */
  --c-line-strong:rgba(0,229,255,.35); /* emphasised border         */

  /* ── Semantic ───────────────────────────── */
  --c-yt:#FF0033;           /* YouTube CTA + LIVE indicator ONLY    */
  --c-success:#2BF5A0;      /* success / "new" states               */

  /* ── Gradients ──────────────────────────── */
  --grad-cyan:linear-gradient(120deg,var(--c-primary),var(--c-secondary)); /* @kind color */
  --grad-panel:linear-gradient(160deg,#141F2C 0%,#0B131D 100%); /* @kind color */

  /* ── Semantic aliases (use these in product) ─ */
  --surface-page:var(--c-bg);
  --surface-raised:var(--c-bg-2);
  --surface-card:var(--c-card);
  --surface-card-recessed:var(--c-card-2);
  --text-primary:var(--c-text);
  --text-secondary:var(--c-muted);
  --text-caption:var(--c-dim);
  --text-accent:var(--c-primary);
  --border-subtle:var(--c-line);
  --border-strong:var(--c-line-strong);
  --accent:var(--c-primary);
  --accent-deep:var(--c-secondary);
  --accent-glow:var(--c-glow);
}
