/* ═══════════════════════════════════════════════════════════════════
   MissionTracker — company-approved typography
   ═══════════════════════════════════════════════════════════════════
   Two faces, both self-hosted under assets/fonts/:

     Raleway      — primary UI face, used for body text and headings.
                    Variable font: one woff2 file covers all weights
                    100–900 for the Latin / Latin-ext glyph range.
                    Source: Google Fonts (Apache 2.0). Fetched from
                    fonts.gstatic.com 2026-05-02 (raleway/v37).

     LuckyFellas  — display script face, used for the cursive accent
                    word in the User Account Login heading. Company-
                    approved. Sourced from the betaqa12 legacy site
                    (/common/fonts/LuckyFellas.{woff,ttf,otf}).

   Self-hosting matters because (a) we control versioning, (b) the
   page renders without third-party CDN dependencies, and (c) Raleway
   variable saves bandwidth vs. one-file-per-weight (43 KB vs. ~150 KB
   for 5 separate weights).
   ═══════════════════════════════════════════════════════════════════ */


/* ─── Raleway — variable font, weights 100–900 ──────────────────────
   Variable font declarations specify the full weight range with the
   `font-weight` shorthand `<min> <max>`. Browser interpolates between
   the weights stored on the variable axis as needed. The unicode-range
   matches Google's "latin" subset declaration verbatim — covers Basic
   Latin (U+0000–U+007F), Latin-1 Supplement, common punctuation, and
   trademark / arrow / minus glyphs. */
@font-face {
  font-family: 'Raleway';
  font-style:  normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('raleway/raleway-latin-variable.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}


/* ─── LuckyFellas — display script ──────────────────────────────────
   Single-weight script face. Source order prioritizes woff (modern
   browsers) and falls through to ttf / otf for older runtimes. The
   `swap` display strategy means text renders in the fallback font
   immediately and reflows when LuckyFellas finishes loading — the
   "login" word in the heading flickers from Raleway to LuckyFellas on
   first paint. Acceptable for a one-word accent. */
@font-face {
  font-family: 'LuckyFellas';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url('luckyfellas/LuckyFellas.woff') format('woff'),
       url('luckyfellas/LuckyFellas.ttf')  format('truetype'),
       url('luckyfellas/LuckyFellas.otf')  format('opentype');
}