/* ---------------------------------------------------------------------------
   Typography — Microsoft "Segoe UI" system stack (matches microsoft.com)
   ---------------------------------------------------------------------------
   Segoe UI is Microsoft's proprietary corporate typeface and ships with
   Windows, so it renders natively for the majority of MGR Infotech's Canadian
   business audience (Windows desktops). It is licensed to Microsoft and is NOT
   redistributable as a web font, so we do NOT bundle it — instead we use the
   same font stack Microsoft serves on microsoft.com, which resolves to Segoe UI
   where available and to the closest native system UI font elsewhere
   (San Francisco on macOS/iOS, Roboto on Android/ChromeOS). No @font-face and
   no network fetch — the fastest, licence-clean way to get the Microsoft look.

   The two families below are consumed via the --font / --font-display custom
   properties in styles.css.
--------------------------------------------------------------------------- */

:root {
  /* Body / UI text */
  --font: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", SegoeUI,
          system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue",
          Helvetica, Arial, sans-serif;
  /* Display / headings — Segoe UI's heavier optical sizes */
  --font-display: "Segoe UI Variable Display", "Segoe UI Semibold", "Segoe UI",
          SegoeUI, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue",
          Helvetica, Arial, sans-serif;
}