/*
 * SUMICONTROL - Tipografia autohospedada.
 * Montserrat: titulos y botones. Inter: resto del texto.
 * No modifica pesos, tamanos, negritas ni espaciados originales.
 * Requiere instalar las fuentes mediante tools/instalar_fuentes_locales.sh.
 * No se hacen peticiones a Google Fonts desde el navegador.
 */
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-variable-italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-variable-italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
}

:root {
  --sc-font-text: "Inter", sans-serif;
  --sc-font-title: "Montserrat", sans-serif;
}

/* Texto general, controles de formulario y bloques monoespaciados. */
html, body,
body input, body select, body textarea, body option, body optgroup,
body pre, body code, body kbd, body samp {
  font-family: var(--sc-font-text);
}
/* Algunos bloques de codigo fijan expresamente su propia tipografia. */
body code, body pre, body kbd, body samp {
  font-family: var(--sc-font-text) !important;
}

/* Titulos, encabezados y sus variantes de clases de la aplicacion. */
body h1, body h2, body h3, body h4, body h5, body h6,
body [class~="section-title"],
body [class$="__title"], body [class*="__title "],
body [class$="-title"], body [class*="-title "],
body [class$="__heading"], body [class*="__heading "],
body [class$="-heading"], body [class*="-heading "],
body [class$="__headline"], body [class*="__headline "],
body [class$="-headline"], body [class*="-headline "] {
  font-family: var(--sc-font-title);
}

/* Todos los botones, incluidos enlaces con aspecto de boton y tabs.
   Solo se cambia font-family: nunca font-size, font-weight ni font. */
body button,
body button[class],
body .btn,
body [role="button"],
body input[type="button"],
body input[type="submit"],
body input[type="reset"],
body .scfact-tabs button {
  font-family: var(--sc-font-title);
}