@font-face {
  font-family: 'Onest';
  src: url('../fonts/zpl/Onest-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Onest';
  src: url('../fonts/zpl/Onest-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
}
@font-face {
  font-family: 'Schabo Condensed';
  src: url('../fonts/zpl/SCHABO-Condensed.otf') format('opentype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root {
  --zpl-green: #228B4E;
  --zpl-orange: #F08136;
  --zpl-red: #DF3539;
  --zpl-yellow: #FFC52C;
  --zpl-black: #000;
  --zpl-font-body: 'Onest', Arial, sans-serif;
  --zpl-font-display: 'Schabo Condensed', 'Onest', sans-serif;
}
body { font-family: var(--zpl-font-body); }
.zpl-display-heading { font-family: var(--zpl-font-display); font-weight: 400; letter-spacing: .02em; }
.zpl-competition-accent { border-color: var(--competition-accent, var(--zpl-green)); }