/* Generado por scripts/generar-tokens.js desde tailwind.config.js — no editar a mano. */
:root {
  --color-primary: #001d41;
  --color-on-primary: #ffffff;
  --color-primary-container: #16325b;
  --color-on-primary-container: #829bca;
  --color-primary-fixed: #d6e3ff;
  --color-primary-fixed-dim: #aec7f9;
  --color-on-primary-fixed: #001b3e;
  --color-on-primary-fixed-variant: #2d4771;
  --color-secondary: #855300;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #fea619;
  --color-on-secondary-container: #684000;
  --color-secondary-fixed: #ffddb8;
  --color-secondary-fixed-dim: #ffb95f;
  --color-on-secondary-fixed: #2a1700;
  --color-on-secondary-fixed-variant: #653e00;
  --color-tertiary: #00221e;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #003934;
  --color-on-tertiary-container: #37ab9e;
  --color-tertiary-fixed: #89f5e7;
  --color-tertiary-fixed-dim: #6bd8cb;
  --color-on-tertiary-fixed: #00201d;
  --color-on-tertiary-fixed-variant: #005049;
  --color-error: #ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-on-error-container: #93000a;
  --color-surface: #f8f9ff;
  --color-surface-dim: #cbdbf5;
  --color-surface-bright: #f8f9ff;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #eff4ff;
  --color-surface-container: #e5eeff;
  --color-surface-container-high: #dce9ff;
  --color-surface-container-highest: #d3e4fe;
  --color-on-surface: #0b1c30;
  --color-on-surface-variant: #44474e;
  --color-outline: #74777f;
  --color-outline-variant: #c4c6d0;
  --color-inverse-surface: #213145;
  --color-inverse-on-surface: #eaf1ff;
  --color-inverse-primary: #aec7f9;
  --color-surface-tint: #465f8a;
  --color-surface-variant: #d3e4fe;
  --color-background: #f8f9ff;
  --color-on-background: #0b1c30;
  --brand-navy: #16325b;
  --brand-amber: #fea619;
  --brand-amber-dark: #855300;
  --brand-teal: #37ab9e;
  --font-headline-lg: "Space Grotesk", sans-serif;
  --font-headline-md: "Space Grotesk", sans-serif;
  --font-headline-sm: "Space Grotesk", sans-serif;
  --font-display-lg: "Space Grotesk", sans-serif;
  --font-metric-display: "Space Grotesk", sans-serif;
  --font-label-lg: "Space Grotesk", sans-serif;
  --font-label-md: "Space Grotesk", sans-serif;
  --font-label-sm: "Space Grotesk", sans-serif;
  --font-body-lg: "Plus Jakarta Sans", sans-serif;
  --font-body-md: "Plus Jakarta Sans", sans-serif;
  --font-body-sm: "Plus Jakarta Sans", sans-serif;
  --text-headline-lg: 28px; --text-headline-lg-lh: 36px; --text-headline-lg-weight: 700;
  --text-headline-md: 22px; --text-headline-md-lh: 28px; --text-headline-md-weight: 600;
  --text-headline-sm: 18px; --text-headline-sm-lh: 24px; --text-headline-sm-weight: 600;
  --text-display-lg: 36px; --text-display-lg-lh: 44px; --text-display-lg-weight: 700;
  --text-metric-display: 40px; --text-metric-display-lh: 44px; --text-metric-display-weight: 700;
  --text-label-lg: 14px; --text-label-lg-lh: 20px; --text-label-lg-weight: 600;
  --text-label-md: 12px; --text-label-md-lh: 16px; --text-label-md-weight: 600;
  --text-label-sm: 11px; --text-label-sm-lh: 16px; --text-label-sm-weight: 700;
  --text-body-lg: 17px; --text-body-lg-lh: 24px; --text-body-lg-weight: 500;
  --text-body-md: 15px; --text-body-md-lh: 22px; --text-body-md-weight: 400;
  --text-body-sm: 13px; --text-body-sm-lh: 18px; --text-body-sm-weight: 400;
  --space-card-pad-md: 1.25rem;
  --space-card-pad-sm: 0.75rem;
  --space-card-pad-lg: 1.75rem;
  --space-gutter-mobile: 1rem;
  --space-gutter-tablet: 1.5rem;
  --space-stack-xs: 0.25rem;
  --space-stack-sm: 0.5rem;
  --space-stack-md: 1rem;
  --space-stack-lg: 1.5rem;
  --space-stack-xl: 2.5rem;
  --space-touch-min: 3rem;
  --radius-base: 0.125rem;
  --radius-lg: 0.25rem;
  --radius-xl: 0.5rem;
  --radius-2xl: 0.75rem;
  --radius-full: 9999px;
}

:root {
  --color-ok-texto: #005049;      /* fondo de toast/estado correcto con texto blanco (8.9:1) */
  --color-ambar-texto: #855300;   /* ámbar como texto sobre claro */
  --color-on-ambar: #241900;      /* texto sobre botón ámbar */
  --brand-navy-dark: #0d2038; --brand-navy-light: #dfe8f5; --brand-amber-light: #fff1db;
  --blanco: #ffffff; --negro: #000000;
  --velo: rgba(11, 28, 48, .6);   /* fondo detrás de hojas y modales */
  --radio-sm: 4px; --radio-md: 8px; --radio-lg: 12px;
  --fuente-titulos: "Space Grotesk", system-ui, sans-serif;
  --fuente-texto: "Plus Jakarta Sans", system-ui, sans-serif;
  --fuente-cifras: var(--fuente-titulos);  /* decisión 1.1: Space Grotesk, siempre con tabular-nums */
  --foco: 0 0 0 2px #fff, 0 0 0 4px #16325b;  /* anillo de foco único (doble: blanco + navy) */
}