/* Tokens de la dirección A (docs/DISENIO.md §3 a §5). Ningún componente conoce un color ni una medida. */
:root {
  --navy: #002a54;
  --teal: #06a8a2;
  --teal-texto: #00736d;
  --tinta: #1b2f45;
  --tinta-2: #3a4a5e;
  --fondo: #ffffff;
  --superficie: #ffffff;
  --linea: #e4e0d6;
  --tinte: #d6f3f0;
  --azul: #0a4bd6;
  --azul-claro: #e9f0fd;
  --suave: #f3f6fa;
  --teal-vivo: #2fe0d4;
  --cielo: #123447;

  --fuente-titulos: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fuente-texto: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fuente-codigo: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Escala 1.25 sobre 18 px */
  --t-1: 1.125rem;
  --t-2: 1.375rem;
  --t-3: 1.75rem;
  --t-4: 2.1875rem;
  --t-5: clamp(2.125rem, 4.4vw + 1rem, 3.5rem);

  /* Espacio en múltiplos de 8 px */
  --e-1: 0.5rem;
  --e-2: 1rem;
  --e-3: 1.5rem;
  --e-4: 2rem;
  --e-5: 2.625rem;
  --e-6: 4rem;

  --radio: 6px;
  --ancho: 1100px;
  --transicion: 200ms ease-out;
}