// Bricolage Grotesque for display, JetBrains Mono for the wordmark, labels
// and numbers, the system sans for reading -- as on coffeylabs.org. Both
// faces are variable and OFL; licenses sit next to the font files.
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-display: swap;
  src: url('@/fonts/coffeylabs/bricolage-grotesque-latin-wght-normal.woff2')
    format('woff2');
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('@/fonts/coffeylabs/jetbrains-mono-latin-wght-normal.woff2')
    format('woff2');
}

html,
html[data-redesign='true'] {
  --font-body:
    ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Inter, Roboto,
    'Helvetica Neue', Arial, sans-serif;
  --font-heading: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
  --font-monospace:
    'JetBrains Mono', ui-monospace, 'Cascadia Code', 'SFMono-Regular', Consolas,
    'Liberation Mono', monospace;
}