/* ============================================================
   eJuuZ — Design Tokens & CSS Variables
   Edit colours, spacing, and transitions here only.
   ============================================================ */

:root {
  /* ── Backgrounds (slightly lighter purple) ── */
  --bg:    #231D35;   /* base page background */
  --bg2:   #2A2340;   /* alternate sections */
  --bg3:   #32294E;   /* deeper card backgrounds */

  /* ── Card & Border ── */
  --card:   rgba(255,255,255,0.06);
  --border: rgba(255,255,255,0.11);

  /* ── Brand Colours ── */
  --p:    #9B5DE5;   /* primary purple */
  --pl:   #B47FFF;   /* purple light */
  --pk:   #E040A0;   /* pink */
  --pkl:  #F06BBB;   /* pink light */
  --pxl:  #D4BBFF;   /* purple extra light */

  /* ── Text ── */
  --w:    #F2EDFF;   /* warm white — headings & body */
  --m:    #A89EC0;   /* muted — supporting text */

  /* ── Accent ── */
  --g:    #3DDBA8;   /* green — positive/live indicators */

  /* ── Utility ── */
  --r:    14px;               /* border radius */
  --t:    0.25s ease;         /* default transition */
}