/* ============================================================
   VoxLounge Theme Variables
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap');

/* --- Cyberpunk Theme (default) --- */
[data-theme="cyberpunk"] {
  --bg-primary: #0a0a14;
  --bg-secondary: #0d0d1a;
  --bg-panel: #111125;
  --bg-card: #0f0f20;
  --bg-card-hover: #141430;
  --bg-input: #0a0a18;
  --bg-overlay: rgba(5, 5, 15, 0.92);
  --border-color: #00d4ff33;
  --border-hover: #00d4ff66;
  --border-glow: #00d4ff;
  --text-primary: #e0e0e0;
  --text-secondary: #8888aa;
  --text-dim: #555577;
  --accent-primary: #00d4ff;
  --accent-primary-rgb: 0, 212, 255;
  --accent-secondary: #00ff9f;
  --accent-secondary-rgb: 0, 255, 159;
  --accent-tertiary: #ff2a6d;
  --accent-tertiary-rgb: 255, 42, 109;
  --accent-warning: #ffaa00;
  --accent-danger: #ff3333;
  --accent-success: #00ff9f;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-body: var(--font-mono);
  --font-heading: var(--font-mono);
  --radius: 2px;
  --radius-lg: 4px;
  --glow-sm: 0 0 5px var(--accent-primary);
  --glow-md: 0 0 15px var(--accent-primary);
  --glow-lg: 0 0 30px var(--accent-primary);
  --glow-green-sm: 0 0 5px var(--accent-secondary);
  --glow-pink-sm: 0 0 5px var(--accent-tertiary);
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(0, 212, 255, 0.05);
  --shadow-panel: 0 4px 24px rgba(0, 0, 0, 0.8);
  --transition-fast: 0.15s ease;
  --transition-med: 0.3s ease;
  --scanline-opacity: 0.03;
}

/* --- Clean Default Theme --- */
[data-theme="default"] {
  --bg-primary: #13111c;
  --bg-secondary: #1a1726;
  --bg-panel: #1e1b2e;
  --bg-card: #231f35;
  --bg-card-hover: #2c2742;
  --bg-input: #191624;
  --bg-overlay: rgba(15, 13, 22, 0.94);
  --border-color: rgba(108, 99, 255, 0.12);
  --border-hover: rgba(108, 99, 255, 0.28);
  --border-glow: #6c63ff;
  --text-primary: #e8e6f0;
  --text-secondary: #9994b8;
  --text-dim: #5e587a;
  --accent-primary: #7c6cff;
  --accent-primary-rgb: 124, 108, 255;
  --accent-secondary: #56d49e;
  --accent-secondary-rgb: 86, 212, 158;
  --accent-tertiary: #f06292;
  --accent-tertiary-rgb: 240, 98, 146;
  --accent-warning: #ffc857;
  --accent-danger: #ff5252;
  --accent-success: #56d49e;
  --font-mono: 'JetBrains Mono', monospace;
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-body: var(--font-sans);
  --font-heading: var(--font-sans);
  --radius: 10px;
  --radius-lg: 14px;
  --glow-sm: none;
  --glow-md: none;
  --glow-lg: none;
  --glow-green-sm: none;
  --glow-pink-sm: none;
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(108, 99, 255, 0.04);
  --shadow-panel: 0 8px 32px rgba(0, 0, 0, 0.5);
  --transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-med: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --scanline-opacity: 0;
}