/* =========================================================
   TYPOGRAPHY SYSTEM
   ---------------------------------------------------------
   Base font system for the whole website.
   Do NOT define typography in vendor or minified CSS.
   ========================================================= */

:root {
  --font-base: 'Poppins', Arial, sans-serif;
}

/* Base inheritance */
html {
  font-family: var(--font-base);
}

/* System authority (wins over legacy frameworks) */
html body {
  font-family: var(--font-base);
  font-weight: 400;
  color: #171616;
}

/* Legacy override: neutralizes old `.fonts-loaded body` rules */
html.fonts-loaded body {
  font-family: var(--font-base);
}

/* ---------------------------------------------------------
   Optional fine tuning (ONLY global adjustment)
   ---------------------------------------------------------
   Slight adjustment to compensate Poppins metrics vs Roboto.
   This is the ONLY place where base font-size should be tuned.
   --------------------------------------------------------- */
html body {
  font-size: 16.5px;
  line-height: 1.55;
}

/* =========================================================
   Split headings (global reusable component)
   ========================================================= */

.heading-split {
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.heading-split .heading-part--primary {
  color: rgb(0, 40, 89);
  font-weight: 600;
}

.heading-split .heading-part--secondary {
  color: rgb(232, 116, 53);
  font-weight: 600;
}