/* ═══ 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, 0.06);
  --border-hover: rgba(255, 255, 255, 0.13);
  --accent: #7c93c3;
  --accent2: #6580b0;
  --accent-glow: rgba(124, 147, 195, 0.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(0.25, 0.1, 0.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));
}