/* Tokens de DESIGN.md (MG Mechanics, Continuidad pulida) */
:root {
  --color-fondo: #FFFFFF;
  --blanco: #FFFFFF;
  --color-apoyo: #F3F5F7;
  --color-texto: #4A4F5C;
  --color-titulo: #2F3967;
  --color-profundo: #06163A;
  --color-marca: #5391CE;
  --color-cta: #336FAE;
  --color-cta-hover: #285C93;
  --color-linea: #DDE2E8;
  --color-claro-texto: #C9D3E3;
  --color-campo: #B9C2CE;
  --borde-claro: rgba(255, 255, 255, .55);
  --linea-oscura: rgba(255, 255, 255, .14);
  --velo-fuerte: rgba(6, 22, 58, .88);
  --velo-medio: rgba(6, 22, 58, .25);
  --velo-portada: rgba(6, 22, 58, .62);
  --velo-nada: rgba(6, 22, 58, 0);
  --sombra-boton: rgba(6, 22, 58, .55);
  --sombra-menu: rgba(6, 22, 58, .4);
  --sombra-barra: rgba(6, 22, 58, .5);

  --font-titulo: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Dosis', 'Arial Narrow', sans-serif;
  --font-texto: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-14: .875rem;
  --fs-15: .9375rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-22: 1.375rem;
  --fs-30: clamp(1.625rem, 3.2vw, 1.875rem);
  --fs-44: clamp(2rem, 4.6vw, 2.75rem);
  --fs-64: clamp(2.5rem, 7.5vw, 4.25rem);
  --fs-hero: clamp(2.125rem, 4.6vw, 3.625rem);

  --s-4: 4px;
  --s-8: 8px;
  --s-16: 16px;
  --s-24: 24px;
  --s-40: 40px;
  --s-64: 64px;
  --s-112: clamp(64px, 9vw, 112px);

  --ancho: 1200px;
  --margen: 20px;
  --radio-boton: 4px;
  --diagonal: 48px;
  --curva: cubic-bezier(.16, 1, .3, 1);
}