/* Generated from src/config/fonts.js. Edit the typography there, not here. */

@font-face {
  font-family: "Mona Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  font-stretch: 75% 125%;
  src: url('/fonts/mona-sans/mona-sans-latin-standard-normal.woff2') format('woff2');
}

@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/fonts/hanken-grotesk/hanken-grotesk-latin-wght-normal.woff2') format('woff2');
}

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

:root {
  --font-display: "Mona Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --display-weight: 680;
  --display-weight-heavy: 760;
  --display-weight-light: 600;
  --display-stretch: 106%;
  --display-stretch-wide: 112%;
  --display-tracking: -0.028em;
  --body-weight: 400;
  --body-weight-medium: 500;
  --body-weight-strong: 600;
  --font-figures: var(--font-display);
  --figures-numeric: tabular-nums lining-nums;
  --figures-weight: 620;
}