/* GENERADO por scripts/tokens-to-css.mjs desde design/tokens.json — NO editar a mano. */
:root {
  /* Colores de marca (nombres y hex exactos de Figma) */
  --color-negro-azul: #001B26;
  --color-azul-100: #005070;
  --color-primario: #0074A3;
  --color-azul-40: #99C7DA;
  --color-azul-20: #CCE3ED;
  --color-negro-100: #333333;
  --color-primario-negro: #333333;
  --color-gris-03: #F0F0F0;
  --color-piedra-03: #FEFEFE;
  --color-blanco: #FFFFFF;
  /* Alias semánticos */
  --color-texto: var(--color-negro-100);
  --color-fondo-oscuro: var(--color-negro-azul);
  /* Tamaños/espaciado (SDS de Figma reexpresados como tokens propios) */
  --fiib-body-size-medium: 16px;
  --space-200: 8px;
  --space-300: 12px;
  --radius-200: 8px;
  --stroke-border: 1px;
  /* Layout (bloques.md §Layout responsive) */
  --contenedor-max: 1216px;
  --contenedor-pad: clamp(16px, calc((100vw - 1216px) / 2), 112px);
  --banda-max: 1440px;
  --grid-gap: 24px;
  --seccion-pad-y: 80px;
  --header-h: 90px;
  /* Tipografía */
  --font-base: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-ghost: 'Cabinet Grotesk', var(--font-base);
  --font-toggle: 'Delight', var(--font-base);
}