/* Same self-hosted variable fonts and metric-matched fallbacks as the main site. */
@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url('../fonts/atkinson-hyperlegible-next-latin-wght-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Atkinson Hyperlegible Next Fallback';
  src: local('Arial'), local('Liberation Sans'), local('Roboto'), local('Helvetica Neue'), local('Helvetica');
  size-adjust: 99.36%;
  ascent-override: 99.04%;
  descent-override: 31.80%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Atkinson Hyperlegible Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url('../fonts/atkinson-hyperlegible-mono-latin-wght-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Atkinson Hyperlegible Mono Fallback';
  src: local('Courier New'), local('Liberation Mono'), local('Courier');
  size-adjust: 105.32%;
  ascent-override: 93.43%;
  descent-override: 30%;
  line-gap-override: 0%;
}

:root {
  --font-display: 'Atkinson Hyperlegible Next', 'Atkinson Hyperlegible Next Fallback', sans-serif;
  --font-body: 'Atkinson Hyperlegible Next', 'Atkinson Hyperlegible Next Fallback', sans-serif;
  --font-mono: 'Atkinson Hyperlegible Mono', 'Atkinson Hyperlegible Mono Fallback', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

html {
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-body);
}

h1, h2, h3 {
  font-family: var(--font-display);
}

.timer {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

.deadline-time {
  font-variant-numeric: tabular-nums;
}