:root {
  /* ── Backgrounds ── */
  --bg:       #07070f;
  --surface:  #0d0d1a;
  --surface2: #111120;
  --surface3: #161628;
  --surface4: #1c1c34;

  /* ── Borders ── */
  --border:  #1a1a2e;
  --border2: #252540;
  --border3: #333360;

  /* ── Accents ── */
  --accent:       #7c6dfa;
  --accent-hover: #9585fb;
  --accent2:      #fa6d8e;
  --accent3:      #6dfabd;
  --accent-adv:   #f0a040;
  --accent-test:  #40d4f0;

  /* ── Text ── */
  --text:        #c4c4dc;
  --text-dim:    #606080;
  --text-muted:  #404060;
  --text-bright: #eeeef8;

  /* ── Glows ── */
  --glow-accent:  rgba(124,109,250,0.22);
  --glow-accent2: rgba(250,109,142,0.16);
  --glow-accent3: rgba(109,250,189,0.14);
  --glow-adv:     rgba(240,160,64,0.2);
  --glow-test:    rgba(64,212,240,0.2);

  /* ── Subscriptions ── */
  --accent-pro:    #7c6dfa;
  --accent-agency: #f0a040;
  --accent-lock:   #94a3b8;

  /* ── Transitions ── */
  --t-fast:   150ms cubic-bezier(0.4,0,0.2,1);
  --t-mid:    250ms cubic-bezier(0.4,0,0.2,1);
  --t-slow:   400ms cubic-bezier(0.4,0,0.2,1);
  --t-spring: 350ms cubic-bezier(0.34,1.56,0.64,1);
}