/*
   Las dos tipografías del sistema. Se cargan desde wwwroot/fonts/ y NO desde Google: la red
   interna de la organización puede no tener salida a internet, así que los archivos viven en el
   propio servidor.

   Ambas son de licencia abierta (SIL Open Font License), así que se pueden alojar sin pagar
   ni pedir permiso:

     Montserrat  -> títulos, botones y el nombre del sistema. Es la familia de la identidad
                    digital del gobierno federal.
     Public Sans -> todo lo que se lee y se llena. La diseñó el gobierno de Estados Unidos
                    para trámites en pantalla: distingue el uno de la ele y el cero de la o,
                    que en una pantalla de nóminas y folios importa.

   Si algún archivo .woff2 llegara a faltar, el navegador se va solo a la letra del sistema
   (Segoe UI en Windows) sin romper nada: por eso cada variable de familia lleva su lista de
   respaldo.

   font-display: swap -> el texto se dibuja de inmediato con la letra de respaldo y cambia
   cuando la tipografía termina de bajar. Nunca se queda la pantalla en blanco esperando.
*/

:root {
    --fuente-titulos: "Montserrat", "Segoe UI", system-ui, -apple-system, sans-serif;
    --fuente-texto: "Public Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
}

/* ---------- Montserrat ---------- */

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat-600.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat-700.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat-800.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ---------- Public Sans ---------- */

@font-face {
    font-family: "Public Sans";
    src: url("../fonts/public-sans-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("../fonts/public-sans-600.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("../fonts/public-sans-700.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}