:root {
  /* === DARK (default) — base editorial casi-negro con tinte magenta === */
  --bg: oklch(16% 0.02 350);
  --surface: oklch(20% 0.025 350);
  --surface-2: oklch(25% 0.03 350);
  --text: oklch(95% 0.005 350);
  --text-muted: oklch(72% 0.02 350);
  --accent: oklch(66% 0.26 350);        /* magenta eléctrico — la voz */
  --accent-soft: oklch(66% 0.26 350 / 0.16);
  --accent-2: oklch(80% 0.14 90);        /* ámbar — segundo rol, código/detalles */
  --warning: oklch(78% 0.16 70);
  --border: oklch(30% 0.02 350);
  --shadow: 0 18px 40px -20px oklch(0% 0 0 / 0.7);

  /* espaciado — ritmo, no uniforme */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-section: clamp(4.5rem, 3rem + 7vw, 9rem);

  /* tipografía editorial */
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-sans: "Hanken Grotesk", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --text-hero: clamp(3rem, 1.2rem + 8vw, 7.5rem);
  --text-h2: clamp(1.9rem, 1.2rem + 2.5vw, 3.25rem);
  --text-index: clamp(2.5rem, 1.5rem + 5vw, 5rem);  /* números de sección grandes */
  --text-body: 1.1rem;
  --leading-body: 1.7;

  /* otros */
  --radius: 14px;
  --radius-sm: 9px;
  --duration-normal: 320ms;
  --duration-fast: 180ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --sidebar-w: 250px;
  --topbar-h: 64px;
  --maxw: 720px;
}

:root[data-theme="light"] {
  /* === LIGHT — blanco hueso, magenta carga igual de fuerte === */
  --bg: oklch(97.5% 0.008 90);
  --surface: oklch(99% 0.005 90);
  --surface-2: oklch(94% 0.01 350);
  --text: oklch(20% 0.02 350);
  --text-muted: oklch(42% 0.03 350);
  --accent: oklch(56% 0.27 350);
  --accent-soft: oklch(56% 0.27 350 / 0.12);
  --accent-2: oklch(58% 0.14 70);
  --warning: oklch(56% 0.16 60);
  --border: oklch(88% 0.015 350);
  --shadow: 0 18px 40px -24px oklch(40% 0.05 350 / 0.35);
}

@media (prefers-reduced-motion: reduce) {
  :root { --duration-normal: 0ms; --duration-fast: 0ms; }
}