/* ============================================================
   Free Movement — brand skin (v1)
   ------------------------------------------------------------
   Single source of truth: shared/fm_brand/fm-skin.css
   Vendored into each app's static/ dir together with fonts/.
   See shared/fm_brand/README.md for the per-app install + the
   canonical Tailwind config values (type + accent).

   This file loads ONLY the Tofino webfont. The type swap
   (Tofino everywhere) and the accent (Free Movement orange) are
   applied through each app's inline Tailwind config so they stay
   Tailwind-native — no !important, and `font-serif` / `font-mono`
   utilities keep working (e.g. caselaw-finder's serif judgment
   quotes, the viewer's navy theme).

   Font paths are relative to this stylesheet, so this works
   regardless of an app's static URL prefix.
   ============================================================ */

/* woff2 first (~30KB, listed first so modern browsers use it), otf as a
   fallback. The above-the-fold faces are also <link rel="preload">ed in each
   app's base.html so Tofino arrives before first paint — this is what stops
   the headings rendering in the fallback font and then visibly swapping. */
@font-face {
  font-family: "Tofino";
  src: url("fonts/Tofino-Regular.woff2") format("woff2"),
       url("fonts/Tofino-Regular.otf") format("opentype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Tofino";
  src: url("fonts/Tofino-Medium.woff2") format("woff2"),
       url("fonts/Tofino-Medium.otf") format("opentype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Tofino";
  src: url("fonts/Tofino-Bold.woff2") format("woff2"),
       url("fonts/Tofino-Bold.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}