/*
 * Ecotec - tipografia institucional
 *
 * Uma única família tipográfica é usada em toda a interface. A exceção
 * intencional são as classes do Bootstrap Icons, que representam glifos de
 * ícones e não texto da interface.
 */
:root {
  --ecotec-font-family: "DejaVu Sans", sans-serif;
}

/*
 * A família precisa ser entregue pelo próprio sistema. Referenciar apenas o
 * nome da fonte fazia a interface depender das fontes instaladas no aparelho
 * de cada usuário; quando ela não existia, o navegador caía em Times.
 */
@font-face {
  font-family: "DejaVu Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/DejaVuSans.ttf") format("truetype");
}

@font-face {
  font-family: "DejaVu Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/DejaVuSans-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "DejaVu Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/DejaVuSans-Oblique.ttf") format("truetype");
}

html,
body {
  font-family: var(--ecotec-font-family) !important;
}

body *:not(.bi):not([class^="bi-"]):not([class*=" bi-"]) {
  font-family: inherit !important;
}

/* Textos desenhados em SVG também fazem parte da tipografia da interface. */
svg text {
  font-family: var(--ecotec-font-family) !important;
}