@font-face {
  font-family: "Space Grotesk";
  src: url("/assets/fonts/space-grotesk-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/geist-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

body, button, input, select, textarea {
  font-family: "Geist", "Segoe UI", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Space Grotesk", "Geist", sans-serif;
}

/* Match the supplied crest's red lettering across the site and portals. */
:is(.brand--citacad, .portal-logo, .auth-brand) .brand-name strong {
  font-family: "Geist", "Segoe UI", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: -.065em;
  text-transform: uppercase;
  color: #a72b2d;
  -webkit-text-stroke: .25px #fbf1d9;
  text-shadow: 0 1px 0 rgba(64, 29, 25, .18);
}

:is(.brand--citacad, .portal-logo, .auth-brand) .brand-name small {
  font-family: "Geist", "Segoe UI", Arial, sans-serif;
  font-weight: 850;
  letter-spacing: .1em;
  color: #194d32;
}