/* ============================================
   SNFX Design System — Tokens
   Shared CSS custom properties for all surfaces.
   ============================================ */

:root {
  /* ---- Palette ---- */
  --accent:  #6c63ff;
  --accent2: #00d4aa;
  --accent3: #ff6b9d;
  --danger:  #ff4757;

  /* ---- Surface (dark) ---- */
  --bg:      #0a0a12;
  --bg2:     #12121c;
  --bg3:     #1a1a28;
  --text:    #e8e6e3;
  --muted:   #666;
  --border:  rgba(108, 99, 255, 0.15);
  --card-bg: rgba(15, 15, 25, 0.8);

  /* ---- Typography ---- */
  --font:      'Space Grotesk', 'Inter', -apple-system, sans-serif;
  --font-body: 'Inter', -apple-system, sans-serif;

  /* ---- Sizing ---- */
  --radius:    12px;
  --radius-sm: 8px;
  --radius-lg: 16px;

  /* ---- Effects ---- */
  --glow: 0 0 30px rgba(108, 99, 255, 0.2);
}

/* ---- Light mode (both surfaces) ---- */
[data-theme="light"],
[data-admin-theme="light"] {
  --bg:      #f0f0f5;
  --bg2:     #e4e4ec;
  --bg3:     #dcdce6;
  --text:    #1a1a2e;
  --muted:   #777;
  --card-bg: rgba(255, 255, 255, 0.85);
  --border:  rgba(108, 99, 255, 0.2);
  --glow:    0 0 30px rgba(108, 99, 255, 0.12);
}