/*
 * Design tokens extraídos de BR2.dc.html (bloque <style> + estilos inline).
 * Ningún valor fue inventado: todos existen ya en el archivo original.
 * BR2.dc.html sigue usando sus valores literales/custom properties propias;
 * este archivo centraliza esos mismos valores para consumo futuro.
 */

:root {
  /* Colores — copiados tal cual del :root original de BR2.dc.html */
  --ledger-blue: #1e40af;
  --ledger-blue-hover: #2563eb;
  --ink-navy: #10182b;
  --ink-error: #FF6161;
  --ink-success: #10B981;
  --ink-muted: #4b5566;
  --ink-faint: #6b6b6b;
  --neutral-bg: #fafafa;
  --neutral-border: #e4e6eb;
  /* Auditoría WCAG: el valor original (#d5d8de) daba 1.43:1 contra el fondo
     del input (--white) — muy por debajo del 3:1 que exige 1.4.11 (Non-text
     Contrast) para el borde de un control de formulario. Se oscureció el
     MISMO token (no se creó uno nuevo) manteniendo la familia de gris
     azulado original, hasta ~4:1 contra blanco/--neutral-bg. También se usa
     ahora para el borde del botón hamburger (antes --neutral-border, que
     con 1.20:1 fallaba igual como borde de un control real — ver
     .ds-nav-toggle en globals.css). --neutral-border en sí NO se tocó:
     sigue usándose solo como divisor decorativo pasivo, que no requiere 3:1. */
  --neutral-input-border: #767f8f;
  --neutral-watermark: #f0f1f4;
  --white: #ffffff;
  --success-bg: #eff3fb;
  --neutral-bg-translucent: rgba(250, 250, 250, 0.88);

  /* Tipografía — familias */
  --font-sans: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* Tipografía — tamaños que se repiten 2+ veces en el archivo */
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-20: 20px;

  /* Tipografía — pesos usados en el archivo */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /* Tipografía — line-heights que se repiten 2+ veces */
  --line-height-tight: 0.94;
  --line-height-flat: 1;
  --line-height-base: 1.6;
  --line-height-relaxed: 1.65;

  /* Tipografía — letter-spacing que se repite 2+ veces */
  --tracking-tightest: -0.03em;
  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-wide: 0.02em;
  --tracking-widest: 0.06em;

  /* Espaciado — valores de margin/padding/gap que se repiten 2+ veces en el archivo */
  --space-6: 6px;
  --space-8: 8px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-60: 60px;
  --space-64: 64px;
  --space-80: 80px;
  --space-100: 100px;
  --space-120: 120px;
  --space-140: 140px;

  /* Bordes */
  --border-width: 1px;
  /* Auditoría WCAG: 2px ya cumplía contraste (ledger-blue vs neutral-bg
     ≈8.4:1), pero el foco pedía más grosor/presencia visual — se sube a 3px
     (mismo color ledger-blue, ya verificado). */
  --border-width-focus: 3px;
  --radius-base: 4px;

  /* Sombras — único valor tipo "sombra" presente en el archivo (underline inset del nav) */
  --shadow-inset-underline: inset 0 -1px 0 var(--neutral-border);

  /* Breakpoints — documentales; no usables como var() dentro de @media, solo referencia */
  --breakpoint-tablet: 1023px;
  --breakpoint-mobile: 767px;

  /* Duraciones y easing de transiciones CSS */
  --duration-fast: 0.2s;
  --duration-base: 0.25s;
  --duration-slow: 0.3s;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* z-index — los 3 valores usados en el archivo */
  --z-watermark: 0;
  --z-content: 1;
  --z-header: 100;
}