/* css/fonts.css — v4 S4 (#3, owner decision E.1: "Tomorrow everywhere,
 * 400-700, no Geist/Geist Mono on offer pages"). Linked directly after the
 * shell's own shell.css in every page's {{head_extra}} (bin/build, S0/S1
 * wiring) — shell.css only loads Tomorrow at weight 600
 * (`family=Tomorrow:wght@600` in its own <link>, shell.html), so this file
 * loads the rest of the range and then points every font token at
 * `--font-facet` (the shell's own Tomorrow variable, shell.css `--font-facet:
 * "Tomorrow", "Geist", sans-serif`) so nothing below has to know the family
 * name directly.
 */

@import url('https://fonts.googleapis.com/css2?family=Tomorrow:wght@400;500;700&display=swap');

:root {
  /* the shell's own --font-facet keeps a "Geist" fallback; E.1 says no
     Geist on offer pages, so the facet itself is narrowed here too. */
  --font-facet: "Tomorrow", system-ui, sans-serif;
  --font-display: var(--font-facet);
  --font-body: var(--font-facet);
  --font-mono: var(--font-facet);
}

html, body {
  font-family: var(--font-facet);
}

/* explicit on form controls — browsers don't always inherit font-family
   onto inputs/selects/buttons/textareas from body/html, so every file this
   slice doesn't own (questionnaire inputs, choice tiles, etc.) still needs
   this to actually render Tomorrow rather than the UA default. */
input, textarea, select, button, optgroup, option, code, pre, kbd, samp {
  font-family: var(--font-facet);
}