/* Alloria tokens (generated by the kit's build_tokens.js), trimmed to the font files this site ships */
@font-face { font-family: 'Anton'; font-weight: 400; font-style: normal; font-display: block; src: url('assets/fonts/Anton-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Archivo Expanded Black'; font-weight: 400; font-style: normal; font-display: block; src: url('assets/fonts/ArchivoExpanded-Black.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 400; font-style: normal; font-display: block; src: url('assets/fonts/Inter.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 500; font-style: normal; font-display: block; src: url('assets/fonts/Inter-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 600; font-style: normal; font-display: block; src: url('assets/fonts/Inter-SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'Space Mono'; font-weight: 400; font-style: normal; font-display: block; src: url('assets/fonts/SpaceMono-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Oswald'; font-weight: 400; font-style: normal; font-display: block; src: url('assets/fonts/Oswald-Bold.woff2') format('woff2'); }
:root {
  --color-paper: #EDECE8;
  --color-white: #F7F6F3;
  --color-ink: #0B0B0B;
  --color-black: #0A0A0B;
  --color-graphite: #1A1A1C;
  --color-grey: #8C8B87;
  --color-line-light: rgba(11,11,11,0.14);
  --color-line-dark: rgba(247,246,243,0.14);
  --color-signal: #FF4A1C;
  --font-display: 'Anton', 'Oswald', Impact, sans-serif;
  --font-wide: 'Archivo Expanded Black', 'Inter', sans-serif;
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-mono: 'Space Mono', 'IBM Plex Mono', ui-monospace, monospace;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-pill: 999px;
  --tracking-display: -0.005em;
  --tracking-wide: -0.04em;
  --tracking-label: 0.08em;
}

/* Cyrillic-script pages: whole headlines and labels switch to the Cyrillic faces, so Latin words in a
   Ukrainian headline don't come out in a different font */
html:is(:lang(uk), :lang(ru), :lang(be), :lang(bg), :lang(sr), :lang(mk), :lang(kk)) {
  --font-display: 'Oswald', Impact, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
}