/* ============================================================
   DESIGN TOKENS — tokens.css
   Electric sky/cyan + soft violet + deep midnight palette
   ============================================================ */
:root {
  /* Backgrounds — deep midnight */
  --bg: #07080f;
  --bg2: #0b0e1b;
  --bg3: #0f1325;
  --surface: #13172b;
  --card: #181d33;
  --card2: #1e2540;

  /* Borders */
  --border: rgba(255, 255, 255, .055);
  --border2: rgba(56, 189, 248, .22);

  /* Text */
  --ink: #f9fafb;
  --muted: rgba(249, 250, 251, .68);
  --dim: rgba(249, 250, 251, .38);

  /* ── Primary: Electric Sky / Cyan ── */
  --sky: #38bdf8;
  --sky2: #7dd3fc;
  --sky3: #bae6fd;

  /* ── Secondary: Soft Violet ── */
  --violet: #8b5cf6;
  --violet2: #a78bfa;
  --violet3: #c4b5fd;

  /* ── Accent: Electric Teal ── */
  --teal: #14b8a6;
  --teal2: #2dd4bf;
  --teal3: #99f6e4;

  /* Success */
  --emerald: #10b981;

  /* Glows */
  --glow: rgba(56, 189, 248, .12);
  --glow2: rgba(139, 92, 246, .08);

  /* Backward-compat aliases — amber/blue/cyan refs map to sky/violet */
  --amber:  var(--sky);
  --amber2: var(--sky2);
  --amber3: var(--sky3);
  --blue:   var(--sky);
  --blue2:  var(--sky2);
  --blue3:  var(--sky3);
  --cyan:   var(--teal);
  --gold:   var(--sky);
  --rust:   #c96b3a;

  /* Misc */
  --r: 14px;
  --r-sm: 8px;
  --shadow: 0 4px 28px rgba(0, 0, 0, .55);
}