/* Self-hosted rather than loaded from fonts.googleapis.com: the Stitch
   exports use the CDN, but this app ships as an offline-capable PWA on a
   2G/3G target, where a third-party render-blocking stylesheet cannot be
   precached. One variable font per family covers every weight the design
   uses (400-700), replacing eight static files.

   These entry points declare all subsets with unicode-range, so a browser
   downloads only latin for this app's content. The other subset files are
   still emitted as build assets, so when vite-plugin-pwa is wired up its
   precache glob should exclude them rather than shipping cyrillic and greek
   to a phone on 2G. */
@import '@fontsource-variable/work-sans';
@import '@fontsource-variable/inter';

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  /* Stitch puts this on <body>. Everything inherits Work Sans at body-md
     unless a font-<scale>/text-<scale> pair overrides it. */
  html {
    font-family: theme('fontFamily.body-md');
  }
}
