/**
 * Home first-view faces. Sora 400 is omitted so the page does not download it.
 * Other routes keep fonts-local.css.
 */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url('../fonts/sora/latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url('../fonts/sora/latin-800-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url('../fonts/outfit/latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url('../fonts/outfit/latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url('../fonts/outfit/latin-800-normal.woff2') format('woff2');
}

:root {
  --ff-sans: 'Outfit', system-ui, -apple-system, sans-serif;
  --ff-display: 'Sora', 'Outfit', system-ui, sans-serif;
  --ff-mono: ui-monospace, 'Cascadia Code', monospace;
}

body { font-family: var(--ff-sans); }
h1, h2, h3, h4, h5, h6,
.elite-title,
.ds-detail-title { font-family: var(--ff-display); }
code, pre, .meta-label { font-family: var(--ff-mono); }