/* ================================================================
   CORE SYSTEMS — Design Tokens
   Single source of truth for colors, fonts, spacing.
   ================================================================ */

:root {
  /* Colors — Dark theme (default) */
  --color-bg: #040c0f;
  --color-bg-alt: #0a1e29;
  --color-surface: #0d2836;
  --color-text: #c8d6e0;
  --color-text-muted: #8aa7ba;
  --color-white: #ffffff;
  --color-accent: #96f0aa;
  --color-accent-rgb: 150, 240, 170;
  --color-accent-cyan: #2cfed7;
  --color-accent-blue: #60a5fa;
  --color-border: rgba(150, 240, 170, 0.12);

  /* Typography */
  --font-body: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-size-base: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-xs: 0.75rem;
  --font-size-h1: clamp(2.2rem, 5vw, 3.5rem);
  --font-size-h2: clamp(1.6rem, 3.5vw, 2.4rem);
  --font-size-h3: clamp(1.2rem, 2.5vw, 1.5rem);

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-section: 6rem;

  /* Borders & Radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 100px;

  /* Glass */
  --glass-bg: rgba(10, 26, 31, 0.7);
  --glass-border: rgba(150, 240, 170, 0.15);
  --glass-blur: blur(20px);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --container-max: 1200px;
  --nav-height: 72px;
}

/* Light theme overrides */
[data-bs-theme="light"] {
  --color-bg: #ffffff;
  --color-bg-alt: #f8f9fb;
  --color-surface: #ffffff;
  --color-border: rgba(0, 0, 0, 0.06);
  --color-text: #2d2d3a;
  --color-text-muted: #6b7280;
  --color-white: #2d2d3a;
  --color-accent: #0d8a3a;
  --color-accent-rgb: 13, 138, 58;
}