/* ==========================================================================
   QUANTUM LAB / CORE SCIENTIFIC & ALGORITHMIC WORKBENCH
   Design System Tokens - Eye-Friendly Slate / Indigo Scientific Theme
   File: css/variables.css
   ========================================================================== */

:root {
  /* Surface Palettes - Soft Dark Slate (Comfortable on the eyes) */
  --bg-primary: #0e131d;
  --bg-secondary: #141b27;
  --bg-tertiary: #1b2333;
  --bg-surface: #1e283b;
  --bg-surface-hover: #26334a;
  --bg-overlay: rgba(14, 19, 29, 0.9);
  --bg-code: #0a0e16;

  /* Muted, Non-Glaring Accents */
  --accent-cyan: #38bdf8;
  --accent-cyan-dim: #0284c7;
  --accent-cyan-glow: rgba(56, 189, 248, 0.08);

  --accent-emerald: #34d399;
  --accent-emerald-dim: #059669;
  --accent-emerald-glow: rgba(52, 211, 153, 0.08);

  --accent-amber: #fbbf24;
  --accent-amber-dim: #d97706;
  --accent-amber-glow: rgba(251, 191, 36, 0.08);

  --accent-rose: #f87171;
  --accent-rose-dim: #dc2626;
  --accent-rose-glow: rgba(248, 113, 113, 0.08);

  --accent-purple: #a78bfa;
  --accent-purple-dim: #7c3aed;
  --accent-purple-glow: rgba(167, 139, 250, 0.08);

  --accent-indigo: #818cf8;
  --accent-indigo-dim: #4f46e5;
  --accent-indigo-glow: rgba(129, 140, 248, 0.08);

  /* Delicate, Low-Fatigue Borders */
  --border-subtle: #242f44;
  --border-medium: #303e59;
  --border-focus: #38bdf8;
  --border-highlight: #475569;

  /* Refined High-Legibility Typography */
  --text-main: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-dim: #475569;
  --text-accent: #38bdf8;
  --text-success: #34d399;
  --text-warning: #fbbf24;
  --text-danger: #f87171;

  /* Fonts */
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', Consolas, Menlo, Monaco, monospace;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Spacing Scale */
  --space-2xs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-base: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;

  /* Radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* Clean Shadows - No blinding neon halos */
  --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.25);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-elevated: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-glow-cyan: 0 0 10px rgba(56, 189, 248, 0.12);
  --shadow-glow-emerald: 0 0 10px rgba(52, 211, 153, 0.12);

  /* Layout Dimensions */
  --sidebar-width: 290px;
  --sidebar-collapsed-width: 70px;
  --header-height: 56px;
  --statusbar-height: 32px;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow: 0.4s ease;
}

[data-theme="light"] {
  --bg-primary: #f8fafc;
  --bg-secondary: #f1f5f9;
  --bg-tertiary: #e2e8f0;
  --bg-surface: #ffffff;
  --bg-surface-hover: #f1f5f9;
  --bg-overlay: rgba(248, 250, 252, 0.9);
  --bg-code: #0f172a;

  --border-subtle: #cbd5e1;
  --border-medium: #94a3b8;
  --border-focus: #0284c7;

  --text-main: #0f172a;
  --text-secondary: #334155;
  --text-muted: #64748b;
  --text-dim: #94a3b8;
  --text-accent: #0284c7;

  --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-elevated: 0 12px 32px rgba(0, 0, 0, 0.12);
}