/* LOCAL PREVIEW ONLY. Not in git, never deployed (frontend/.gitignore).
   Kabel and Indivisible are licensed to Rejoose for desktop use. Buy web licenses for
   Lemorio before these fonts go into the real build. */

@font-face {
  font-family: 'Kabel';
  src: url('./kabel-book.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Indivisible Light carries normal text (400), as in the Rejoose brand: "Default
   running text". SemiBold carries 500 and up. */
@font-face {
  font-family: 'Indivisible';
  src: url('./indivisible-light.woff2') format('woff2');
  font-weight: 100 450;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Indivisible';
  src: url('./indivisible-light-italic.otf') format('opentype');
  font-weight: 100 450;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Indivisible';
  src: url('./indivisible-semibold.woff2') format('woff2');
  font-weight: 451 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Indivisible';
  src: url('./indivisible-semibold-italic.otf') format('opentype');
  font-weight: 451 900;
  font-style: italic;
  font-display: swap;
}

/* Body and interface text: Indivisible. Neither font has Persian glyphs, so Persian
   text still falls through to the Persian stack. */
html:root {
  --sans-stack: 'Indivisible', var(--font-inter), system-ui, sans-serif;
}
html :lang(fa),
html :lang(ar),
html:lang(fa),
html:lang(ar) {
  --sans-stack: 'Indivisible', var(--font-inter), var(--persian-font);
}

/* Headlines on the landing page: Kabel. */
html .landing-night {
  --display-stack: 'Kabel', var(--font-instrument), var(--font-lora), Georgia, serif;
}
html .landing-night :lang(fa),
html .landing-night:lang(fa) {
  --display-stack: var(--persian-font);
}