@font-face {
  font-family: "Raleway";
  src: local("Raleway"),
       url("/marca/fuentes/Raleway[wght].ttf"),
       url("/marca/fuentes/Raleway-Regular.ttf");
}

@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"),
       url("/marca/fuentes/Montserrat[wght].ttf"),
       url("/marca/fuentes/Montserrat-Regular.ttf");
}

@font-face {
  font-family: "Rubik";
  src: local("Rubik"),
       url("/marca/fuentes/Rubik[wght].ttf"),
       url("/marca/fuentes/Rubik-Regular.ttf");
}

@font-face {
  font-family: "Open Sans";
  src: local("Open Sans"),
       url("/marca/fuentes/OpenSans[wdth,wght].ttf"),
       url("/marca/fuentes/OpenSans-Regular.ttf");
}

:root {
  --primary: #ff3c03;
  --primary-dark: #e63e11;
  --accent: #e55e13;
  --ink: #333333;
  --ink-strong: #313131;
  --surface: #ffffff;
  --fuente-cabecera: "Raleway", system-ui, sans-serif;
  --fuente-titulares: "Montserrat", system-ui, sans-serif;
  --fuente-cuerpo: "Rubik", system-ui, sans-serif;
  --fuente-alternativa: "Open Sans", system-ui, sans-serif;
  --severidad-ok: #2f6b4f;
  --severidad-pendiente: #4b5d78;
  --severidad-alto: #7d5a00;
  --severidad-critico: #6b0f2e;
}