:root{
  --primary-blue:#0055B7;
  --secondary-frost:#F7FCFF;
  --secondary-grey:#21272A;
  --secondary-slate:#637186;
  --secondary-black:#000000;
  --cool-gray-30:#C1C7CD;
  --white:#FFFFFF;
  --new-cuarto:#111B2D;

  --font-display:'Gilroy','Inter',system-ui,sans-serif;   /* Gilroy Heavy -> Inter 900 */
  --font-ui:'Inter',system-ui,sans-serif;
  --font-din:'D-DIN','Work Sans',system-ui,sans-serif;    /* D-DIN -> Work Sans */
  --font-body:'Roboto','Inter',system-ui,sans-serif;

  /* Medidas fijas del diseño de referencia. La página entera se dibuja
     siempre a 1440px y es .scale-canvas quien la escala al ancho real de
     la ventana, así que aquí no hay nada fluido que calcular. */
  --pad-x:120px;
  --maxw:1440px;

  /* Alto del navbar fijo. Valor de arranque; el JS lo recalcula
     con la altura real y lo reescribe en cada resize. */
  --nav-h:138px;

  /* Estados (los usa Sentinel y quedan disponibles para futuras paginas). */
  --success:#10B981;
  --warning:#EF9F27;
  --danger:#E24B4A;
  --emergency:#7F77DD;

  /* Alias semanticos de tipografia, por legibilidad en hojas nuevas. */
  --font-heading:'Roboto',system-ui,sans-serif;
  --font-din-condensed:'D-DIN Condensed','Work Sans',system-ui,sans-serif;

  /* Ritmo vertical del diseño de referencia. */
  --space-section:80px;
  --space-pillar:40px;
  --space-footer:100px;
}

@media (max-width:768px){
  :root{--pad-x:64px;}
}

@media (max-width:768px){
  :root{--pad-x:24px;}
}

@media (max-width:480px){
  :root{--pad-x:18px;}
}