@font-face {
  font-family: "Precision Branding";
  src: url("/fonts/PrecisionBranding-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Precision Branding Display";
  src: url("/fonts/PrecisionBranding-Display.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Precision Branding Engineering";
  src: url("/fonts/PrecisionBranding-Engineering.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --font-branding: "Precision Branding", sans-serif;
  --font-branding-display: "Precision Branding Display", "Precision Branding", sans-serif;
  --font-branding-engineering: "Precision Branding Engineering", "Precision Branding", sans-serif;
  --font-body: Calibri, Carlito, "Segoe UI", Arial, sans-serif;
}

h1, h2, h3, .eng-kicker, .eng-track, .bim-kicker, .eng-btn {
  font-family: var(--font-branding);
}

body, button, input, textarea, select {
  font-family: var(--font-body);
}