/*
 * The four font families SelfStack ships (A1 item 5; R43): SIL Open Font License, served from this
 * origin only (R29 — font-src 'self'), Latin subsets, Regular and SemiBold. Each folder holds its
 * OFL.txt. A browser fetches a face only when text uses it, so the default family loads first and the
 * others only once chosen; the service worker keeps them all for offline use.
 *
 * The chosen family reaches every element through --ss-font, set by src/lib/fonts.ts. Text whose
 * nativeID starts "ss-mono" (Recovery Kit words, a two-step code) keeps its monospace face.
 */
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("/fonts/atkinson-hyperlegible-next/atkinson-hyperlegible-next-latin-400-normal.woff2")
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("/fonts/atkinson-hyperlegible-next/atkinson-hyperlegible-next-latin-600-normal.woff2")
    format("woff2");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/inter-latin-600-normal.woff2") format("woff2");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lexend";
  src: url("/fonts/lexend/lexend-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lexend";
  src: url("/fonts/lexend/lexend-latin-600-normal.woff2") format("woff2");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Literata";
  src: url("/fonts/literata/literata-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Literata";
  src: url("/fonts/literata/literata-latin-600-normal.woff2") format("woff2");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}

#root {
  zoom: var(--ss-zoom, 1);
}
:root {
  --ss-font: "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ss-spacing: normal;
}
#root *:not([id^="ss-mono"]) {
  font-family: var(--ss-font) !important;
}
/* The Looks screen shows each choice in its own face. */
#root [id="ss-font-clear"] {
  font-family: "Atkinson Hyperlegible Next", sans-serif !important;
}
#root [id="ss-font-plain"] {
  font-family: "Inter", sans-serif !important;
}
#root [id="ss-font-spacious"] {
  font-family: "Lexend", sans-serif !important;
}
#root [id="ss-font-classic"] {
  font-family: "Literata", serif !important;
}
:where(#root *:not([id^="ss-mono"])) {
  letter-spacing: var(--ss-spacing);
}