@font-face {
  font-family: 'BAUnbounded';
  src: url('../fonts/unbounded-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: block; /* display type: better to wait than to reflow the headline */
}
@font-face {
  font-family: 'BAChakra';
  src: url('../fonts/chakra-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'BAChakra';
  src: url('../fonts/chakra-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'BAPlexMono';
  src: url('../fonts/plexmono-400.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'BAPlexMono';
  src: url('../fonts/plexmono-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}

:root {
  --ba-font-display: 'BAUnbounded', Impact, sans-serif;
  --ba-font-ui:      'BAChakra', system-ui, sans-serif;
  --ba-font-data:    'BAPlexMono', ui-monospace, monospace;
}