/**
 * Access Granted brand typography — Atten (body) + Cannon (display).
 * Import this sheet before portal-specific CSS.
 */
@font-face {
  font-family: "Atten";
  src: url("../fonts/AttenNewBook.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Atten";
  src: url("../fonts/AttenNewRegular.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Atten";
  src: url("../fonts/AttenRoundNewRegular.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Cannon";
  src: url("../fonts/Cannon-light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Cannon";
  src: url("../fonts/Cannon-medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

:root {
  --font-body: "Atten", Helvetica, Arial, sans-serif;
  --font-display: "Cannon", Georgia, serif;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-display);
}

button,
input,
select,
textarea {
  font-family: inherit;
}