/**
 * LEV design tokens — single source for theme variants.
 * Tailwind zinc/white utilities read --zinc-* and --white RGB channels.
 *
 * Variants:
 *   dark  — default dark: softer graphite
 *   light — light theme
 */

/* ---------- shared semantic tokens ---------- */
:root {
  --lev-accent: 16 185 129;
  --lev-accent-hover: 52 211 153;
  --lev-accent-foreground: 9 9 11;
  --lev-focus: 16 185 129;
  --lev-font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

/* ---------- Dark (default) ---------- */
:root,
[data-theme='dark'] {
  color-scheme: dark;

  --zinc-50: 250 250 250;
  --zinc-100: 244 244 245;
  --zinc-200: 228 228 231;
  --zinc-300: 212 212 216;
  --zinc-400: 168 168 176;
  --zinc-500: 113 113 122;
  --zinc-600: 82 82 91;
  --zinc-700: 63 63 70;
  --zinc-800: 52 52 58;
  --zinc-900: 38 38 44;
  --zinc-950: 28 28 32;

  --white: 255 255 255;

  --lev-bg: var(--zinc-950);
  --lev-surface: var(--zinc-900);
  --lev-surface-raised: var(--zinc-800);
  --lev-text: var(--zinc-50);
  --lev-text-muted: var(--zinc-400);
  --lev-border-rgb: 255 255 255;
  --lev-border-subtle: 0.07;
  --lev-border-medium: 0.12;
  --lev-section-alt: 255 255 255;
  --lev-section-alt-opacity: 0.045;
  --lev-header-bg: 28 28 32;
  --lev-header-opacity: 0.9;
  --lev-grid-line: 255 255 255;
  --lev-grid-opacity: 0.04;
  --lev-glow: 16 185 129;
  --lev-glow-opacity: 0.13;
  --lev-hero-gradient: 16 185 129;
  --lev-meta-color: #1c1c20;
}

/* ---------- Light ---------- */
[data-theme='light'] {
  color-scheme: light;

  --zinc-50: 24 24 27;
  --zinc-100: 39 39 42;
  --zinc-200: 63 63 70;
  --zinc-300: 82 82 91;
  --zinc-400: 82 82 91;
  --zinc-500: 113 113 122;
  --zinc-600: 113 113 122;
  --zinc-700: 161 161 170;
  --zinc-800: 228 228 231;
  --zinc-900: 255 255 255;
  --zinc-950: 248 248 246;

  --white: 255 255 255;

  --lev-bg: var(--zinc-950);
  --lev-surface: var(--zinc-900);
  --lev-surface-raised: 244 244 245;
  --lev-text: var(--zinc-50);
  --lev-text-muted: var(--zinc-400);
  --lev-border-rgb: 24 24 27;
  --lev-border-subtle: 0.08;
  --lev-border-medium: 0.12;
  --lev-section-alt: 240 235 228;
  --lev-section-alt-opacity: 1;
  --lev-header-bg: 248 248 246;
  --lev-header-opacity: 0.92;
  --lev-grid-line: 24 24 27;
  --lev-grid-opacity: 0.04;
  --lev-glow: 16 185 129;
  --lev-glow-opacity: 0.1;
  --lev-hero-gradient: 16 185 129;
  --lev-meta-color: #f8f8f6;
}