/**
 * BSERI — Site-wide typography tokens
 * Edit font stacks AND the Google Fonts @import below for site-wide changes.
 * Loaded via theme.css @import and/or components/bseri-fonts-head.php
 *
 * Typography rebrand — May 2026:
 *   Primary pair : Montserrat (headings + UI) + Fira Sans (body)
 *   Editorial    : Merriweather (kept for About / long-form reads only)
 *   Dropped      : Poppins, Inter, Cormorant Garamond, EB Garamond, Segoe UI
 *   Roles        : Montserrat 700 = headings + CTA buttons
 *                  Fira Sans 400/500 = body + UI labels
 *                  Fira Sans 700 = inline emphasis
 */

@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400&family=Montserrat:wght@400;500;600;700;800&display=swap");

:root {
  --font-family-sans-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;

  /* ── Primary pair ────────────────────────────────────── */
  --font-family-sans: "Montserrat", var(--font-family-sans-fallback);
  --font-family-body: "Fira Sans", var(--font-family-sans-fallback);
  --font-family-ui: var(--font-family-sans);

  /* ── Display & headings (UNIFIED to Montserrat) ──────── */
  --font-family-display: "Montserrat", var(--font-family-sans-fallback);
  --font-family-brand-serif: "Montserrat", var(--font-family-sans-fallback);
  --font-family-heading: "Montserrat", var(--font-family-sans-fallback);

  /* ── Editorial (KEPT for About / long-form reads) ────── */
  --font-family-serif: "Merriweather", Georgia, "Times New Roman", serif;
  --font-family-serif-generic: Georgia, "Times New Roman", serif;

  /* ── Utility ─────────────────────────────────────────── */
  --font-family-mono: "Courier New", Consolas, ui-monospace, monospace;
  --font-family-system: system-ui, var(--font-family-sans-fallback);
  --font-family-legacy: Arial, Helvetica, sans-serif;
  --font-family-blog: var(--font-family-body);
  --font-family-pdf: "DejaVu Sans", sans-serif;

  /* ── Semantic aliases ────────────────────────────────── */
  --font-family-base: var(--font-family-body);
  --font-family-primary: var(--font-family-sans);

  /* ── Navigation aliases (used in navigation-isaca-style.css) ── */
  --nav-font-primary: var(--font-family-sans);
  --nav-font-body: var(--font-family-body);
}