/*
  Marketing-wide typeface — Inter (SITE-1421, 2026-09-28; see
  BRAND_GUIDELINES.md §3). Loaded by both marketing layouts
  (marketing/layout.php and marketing/learning-center/_includes/layout-start.php),
  AFTER the shared core/css/main.css + MainSite/css/styles.css + responsive.css.

  Why an override file instead of editing those shared files: both are also
  loaded outside marketing (styles.css by favoritestocks/, pmc/, the chart/
  treemap share templates; main.css by the logged-in app), and this change
  is marketing-only. styles.css opens with `* { font-family: 'Poppins' }`
  and sets Poppins again on `h1…p` and `a`:
  - `body :where(...)` is (0,0,1) — beats `*` (0,0,0) outright, and ties
    `h1…p`/`a` (0,0,1), winning on load order (this file loads later).
  - Class-level rules that set a font on purpose (icon fonts like Font
    Awesome / Bootstrap Icons / Iconoir, page components) are (0,1,0)+ and
    still win, so icons keep their glyph fonts. Pseudo-elements (where icon
    glyphs are drawn) aren't matched by this selector at all.
  - Monospace elements are left alone.
  - The two class-level Poppins rules in styles.css are named explicitly
    below, at equal-or-higher specificity.
*/
:root {
  --ti-font-marketing: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

body,
body :where(:not(code, pre, kbd, samp)) {
  font-family: var(--ti-font-marketing);
}

/* styles.css class-level Poppins declarations */
.ti-large-font,
.main-footer .footer-col-heading {
  font-family: var(--ti-font-marketing);
}