/* ═══ DESIGN TOKENS ═══════════════════════════════════════════════════════
   All CSS custom properties (variables) for the design system.
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --bg:#0a0a10;--bg2:#0e0f16;--bg3:#13141c;
  --card:#111218;--card2:#15161e;
  --border:rgba(255,255,255,.06);--border-hover:rgba(255,255,255,.13);
  --accent:#7c93c3;--accent2:#6580b0;--accent-glow:rgba(124,147,195,.08);
  --text:#e4e7f0;--text2:#a8adc4;--text3:#7b82a0;--text4:#4f5572;
  --green:#5bb98b;--orange:#e8845f;--purple:#9b7aed;--teal:#5ba8b5;--blue-node:#6b8adb;
  --ff:'Inter',sans-serif;--ff-serif:'Playfair Display',Georgia,serif;--mono:'JetBrains Mono',monospace;
  --r:12px;--ease:cubic-bezier(.25,.1,.25,1);

  /* Glassmorphism / glow tokens */
  --glow-accent: 0 0 20px rgba(124, 147, 195, 0.3);
  --glass-bg: rgba(255, 255, 255, 0.03);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-blur: blur(16px);
  --neon-accent: drop-shadow(0 0 8px rgba(124, 147, 195, 0.4));
}