/* ================================================================
   tokens.css — Sistema de diseño Núcleo MD v3
   Fuente ÚNICA de verdad. Importado por nucleo.css y styles.css.

   Color: estrategia COMMITTED (azul como superficie, no solo acento)
   Neutros: papel cálido chroma-casi-cero (no pelea con el azul frío)
   Todo en OKLCH — sin #fff ni #000 literales.
   ================================================================ */

:root{
  /* ── NEUTROS — papel cálido, chroma mínimo ─────────────────── */
  --paper:      oklch(0.975 0.008 80);   /* fondo base */
  --surface:    oklch(0.995 0.004 80);   /* tarjetas (nunca #fff puro) */
  --surface-2:  oklch(0.955 0.010 80);   /* superficie alterna / arena */
  --cream:      oklch(0.970 0.020 85);   /* papel cálido claro — texto/realce sobre fondos teal/oscuros y fondos suaves */
  --line:       oklch(0.900 0.012 255);  /* bordes (neutro frío sutil) */

  /* ── TINTA — azul-carbón, nunca #000 ──────────────────────── */
  --ink:        oklch(0.270 0.020 262);
  --ink-soft:   oklch(0.420 0.020 262);
  --muted:      oklch(0.580 0.018 262);

  /* ── MARCA — teal profundo (médico sin ser pharma genérico) ── */
  --brand:      oklch(0.380 0.110 192);   /* teal oscuro — ancla de autoridad */
  --brand-700:  oklch(0.300 0.095 190);   /* teal más oscuro — hover / dark */
  --brand-soft: oklch(0.580 0.100 190);   /* teal medio — iconos, checkmarks */
  --brand-tint: oklch(0.950 0.025 190);   /* teal casi-blanco — fondos suaves */

  /* ── ACENTO — teal vivo para CTAs ─────────────────────────── */
  --accent:     oklch(0.520 0.140 188);   /* teal CTA — botones primarios */
  --accent-600: oklch(0.460 0.130 188);   /* teal CTA hover */

  /* ── DETALLE cálido (estrellas, eyebrow) ────────────────────── */
  --gold:       oklch(0.740 0.100 80);

  /* ── SISTEMA ─────────────────────────────────────────────────── */
  --radius:    18px;
  --radius-sm: 12px;
  --maxw:      1100px;

  /* Sombras: UNA capa, coloreada con el hue de marca */
  --shadow:    0 18px 40px -22px oklch(0.42 0.13 262 / .22);
  --shadow-sm: 0 8px 20px -12px oklch(0.42 0.13 262 / .16);
}