/**
 * DR. EVERT HAIR INSTITUTE — Tipografías self-hosted (CLAUDE.md §2)
 * ============================================================================
 * Las dos fuentes se sirven desde nuestro propio servidor (nunca Google Fonts):
 * es más rápido, no depende de terceros y cumple RGPD/habeas data.
 *
 * Los .woff2 se generan desde los originales con:  npm run fonts
 * ============================================================================
 */

/* --------------------------------------------------------------------------
   Optima Nova LT Light — títulos / display
   Un solo peso (Light). Se usa sobre todo en mayúsculas con tracking amplio,
   replicando el gesto del logo.
   -------------------------------------------------------------------------- */
@font-face {
  font-family: "Optima Nova LT";
  src: url("../fonts/optima-nova-lt-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap; /* el texto se ve de inmediato con la fuente de respaldo */
}

/* --------------------------------------------------------------------------
   Montserrat Variable — cuerpo / UI
   Un solo archivo cubre TODOS los pesos de 300 a 600 (§2). Por eso pesa 122 KB
   pero sustituye a cuatro archivos estáticos.
   -------------------------------------------------------------------------- */
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-variable.woff2") format("woff2-variations"),
       url("../fonts/montserrat-variable.woff2") format("woff2");
  font-weight: 100 900; /* el archivo trae el rango completo; usamos 300-600 */
  font-style: normal;
  font-display: swap;
}