/* ============================================================================
   App fonts: THE ONE HOME (font standardization, 2026-10-09;
   .automation/planning/fontstandardization/; Stephen: "standardize on the
   fonts and not use different fonts willy-nilly").

   One family, Roboto, set here on body and inherited by everything else.
   Never name a font family in another stylesheet, a template or a style
   string: inherit it, or use these tokens. Loaded by views/partials/_fonts.ejs
   (with the Google Fonts request), which layout.ejs and every page with its
   own head include; the two static password pages link it directly.

   --font-sans  the family (the fallbacks show only if Roboto fails to load)
   --font-mono  code, keys and codes; never numbers (numbers use .t-num)
   Chart canvases cannot read CSS: window.AppFonts (js/app/shared/appFonts.js)
   hands them the same values (a sentinel keeps the two equal).

   `html body` outranks Tailwind's preflight `body { font-family: inherit }`
   whichever loads first.
   ========================================================================= */
:root {
    --font-sans: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
}

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

/* Form controls do not inherit the family by default; tell them to. */
button,
input,
select,
textarea {
    font-family: inherit;
}