/* ==========================================================================
   FONT FAMILIES — single source of truth
   ==========================================================================
   Every text font-family choice for the site lives in this file, in
   hierarchy order from broadest (site-wide default) to narrowest
   (single-purpose utility class). This file is linked LAST in app.html so
   nothing loaded earlier can win the cascade on font-family. No other .css
   file in this project should declare font-family (Bootstrap's own defaults,
   and icon-font plumbing like Font Awesome / Material Icons / Bootstrap
   Icons / Boxicons, are the only exceptions — those are font *resources*,
   not brand/typography choices, so they stay defined next to the icon
   classes and @font-face rules that need them).

   Loaded webfonts (see google-fonts.css for the @import list):
     - Inter          — site-wide base font (html, all body copy)
     //- Quantico       — site-wide base font (html, all body copy)
     - New Amsterdam  — display/logo-style accent (.title)
     - Bubblegum Sans — playful accent (.bubble_gum)
     - Lexend Deca    — data/UI font (.iff_font, Team page live matchup UI)
     - Raleway        — heading font (h1-h6), imported below

   History: homepage.css, colors.css/colors-dark.css, and IFF_Team.css
   previously requested 'Raleway' (all headings + a few homepage
   sub-selectors), 'Poppins' (several more homepage sub-selectors), 'Roboto'
   (<html>), and 'Inter' (Team page live-matchup UI) — none of those fonts
   were ever loaded anywhere (no @font-face, no Google Fonts import), so
   they were silently rendering as the browser's default sans-serif the
   whole time. Consolidated here and mapped to fonts we actually load —
   except Raleway, restored below for headings (the original design intent)
   by importing it right here instead of just swapping in a substitute, so
   this file stays the one place that both loads and assigns it.
   ========================================================================== */

/* ---- Site-wide base ------------------------------------------------------
   Applies to every element by inheritance unless a rule below overrides it. */
html,
body {
	font-family: 'Inter', sans-serif;
}

/* Restored to the original design intent (Raleway) now that it's actually
   loaded above, instead of the Quantico stand-in used while it wasn't. */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway', sans-serif;
    font-weight: 700;
}
.raleway {
	font-family: 'Raleway', sans-serif;
}

/* ---- Utility / accent classes -------------------------------------------- */
.team_name_median {
	font-family: var(--iff-team-name-median), sans-serif;
	font-weight: 400;
	font-style: normal;
}
.title {
	font-family: var(--iff-title), sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.2rem;
}
.bubble_gum {
	font-family: var(--iff-bubble-gum), sans-serif !important;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1125rem;
}
.iff_font {
	font-family: var(--iff-font), sans-serif;
}
.font_arial {
	font-family: var(--iff-arial), sans-serif !important;
}
.font_monospaced {
	font-family: var(--bs-font-monospace) !important;
}





/* ---- Team page / live matchup UI ------------------------------------------
   Previously 'Inter' (never loaded) — mapped to Lexend Deca, the other
   data/UI-oriented font already loaded and already used for .iff_font. */
.liveMatchUp,
.liveMatchUp * {
	font-family: var(--iff-font), sans-serif;
}
.player-pos {
	font-family: var(--iff-font), sans-serif;
}