/* ============================================================================
   PanelFlow — typeface module. THE single source of truth for the app's font.

   Change the font in ONE place: edit --font below (and drop the matching
   .woff2 files into /fonts). Every page picks it up, desktop and mobile.

   Rules:
     - no page may declare @font-face
     - no page may hard-code a font stack — always use var(--font)
     - Inter ships 400/500/600/700 only. Do NOT use 800/900: the browser
       would synthesise fake-bold and the type would look smeared.

   Loaded by: theme.css (@import, covers every app page) and directly by the
   standalone pages that don't use theme.css (home, login, landing, auth).
   ============================================================================ */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/inter-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/inter-500.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/inter-600.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/inter-700.woff2") format("woff2"); }

:root {
    --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    /* alias: the marketing pages were written against --sans; keep both pointing
       at the same value so there is still only one place to change. */
    --sans: var(--font);
}