@font-face {
  font-display: swap;
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/IBMPlexMono-Regular-Latin1.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  src: url("fonts/Literata-Italic.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Literata-Regular.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: 'Literata';
  font-style: italic;
  font-weight: 600;
  src: url("fonts/Literata-SemiBoldItalic.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  src: url("fonts/Literata-SemiBold.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: 'Literata Display';
  font-style: italic;
  font-weight: 200 900;
  src: url("fonts/LiterataDisplay-Italic-Variable.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: 'Literata Display';
  font-style: normal;
  font-weight: 200 900;
  src: url("fonts/LiterataDisplay-Variable.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/SchibstedGrotesk-Regular.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 500;
  src: url("fonts/SchibstedGrotesk-Medium.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 600;
  src: url("fonts/SchibstedGrotesk-SemiBold.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/SchibstedGrotesk-Bold.woff2") format("woff2");
}

:root {
  --font-display: 'Literata Display', 'Literata', Georgia, serif;
  --font-ledger: 'IBM Plex Mono', Consolas, 'Courier New', monospace;
  --font-reading: 'Literata', Georgia, 'Times New Roman', serif;
  --font-ui: 'Schibsted Grotesk', 'Segoe UI', Roboto, Arial, sans-serif;
}

:root {
  --figures-numeral: 'onum' 1, 'tnum' 1;
  --figures-reading: 'lnum' 1, 'tnum' 1;
  --figures-ui: 'lnum' 1, 'pnum' 1;
  --smallcaps: 'smcp' 1, 'c2sc' 1;
}

:root {
  --leading-detail: 20px;
  --leading-label: 16px;
  --leading-lead: 24px;
  --leading-m-body: 29px;
  --leading-m-h2: 48px;
  --leading-m-h3: 34px;
  --leading-m-hero: 104px;
  --leading-m-lead: 31px;
  --leading-m-quote: 62px;
  --leading-meta: 16px;
  --leading-prose: 23px;
  --leading-request: 24px;
  --leading-step: 20px;
  --leading-title: 26px;
  --leading-ui: 20px;
  --leading-ui-sm: 18px;
}

:root {
  --text-detail: 14px;
  --text-label: 11.5px;
  --text-lead: 17px;
  --text-m-body: 18px;
  --text-m-h2: 44px;
  --text-m-h3: 28px;
  --text-m-hero: 112px;
  --text-m-label: 12px;
  --text-m-lead: 22px;
  --text-m-quote: 56px;
  --text-meta: 12px;
  --text-prose: 15px;
  --text-request: 16px;
  --text-title: 21px;
  --text-ui: 14px;
  --text-ui-sm: 13px;
}

:root {
  --tracking-body: 0em;
  --tracking-label: 0.08em;
  --tracking-m-h2: -0.015em;
  --tracking-m-hero: -0.025em;
  --tracking-smallcaps: 0.05em;
  --tracking-title: -0.01em;
}

:root {
  --weight-display: 500;
  --weight-reading: 400;
  --weight-reading-strong: 600;
  --weight-title: 600;
  --weight-ui: 400;
  --weight-ui-heavy: 700;
  --weight-ui-medium: 500;
  --weight-ui-strong: 600;
}