/* ============================================================================
   fibx-global.css  —  canonical typography for fibonacciscanner.com
   Source of truth: C:\FibScanner\marketing\site-builders\fibx-global.css
   Deployed to:     /var/www/html/wp-content/uploads/fibx/fibx-global.css
   Enqueued by:     /var/www/html/wp-content/mu-plugins/fibx-global-styles.php

   WHY THIS FILE EXISTS
   Divi ships a sitewide rule  `h1,h2,h3,h4,h5,h6 { color:#333 }`.
   Our pages are custom dark-theme HTML inside a Divi code module, and they
   set heading weight/spacing but inherit colour from `.fibx`. Divi's rule
   targets the heading ELEMENT directly, which breaks that inheritance — so
   every heading renders near-black on a near-black background unless a
   `.fibx`-scoped colour rule beats it.

   This file is loaded AFTER Divi (priority 9999) so it always wins, and it
   applies to EVERY page — including any page built in future. Do not rely on
   per-page <style> blocks for heading colour again; that is what caused the
   bug to keep coming back on newly-built pages.
   ============================================================================ */

/* --- Base: every heading on every fibx page ------------------------------- */
.fibx h1, .fibx h2, .fibx h3,
.fibx h4, .fibx h5, .fibx h6 {
  color: var(--text, #e8edf5);
}

/* --- Accent headings ------------------------------------------------------
   Higher specificity (0,2,1) than the base rule (0,1,1), so these survive. */
.fibx .pcard h3,
.fibx .tcard h3 {
  color: var(--gold-hi, #ffd97a);
}
.fibx .pcard:hover h3,
.fibx .tcard:hover h3 {
  color: var(--gold, #e9b23c);
}

/* --- Micro-labels / eyebrows stay gold ----------------------------------- */
.fibx .ey,
.fibx .eyebrow {
  color: var(--gold, #e9b23c);
}

/* --- Divi resets that leak into our pages -------------------------------- */
/* Divi forces its own heading font on some templates; keep ours. */
.fibx h1, .fibx h2, .fibx h3,
.fibx h4, .fibx h5, .fibx h6 {
  font-family: var(--sans, ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
}

/* Divi's .entry-content link colour can override in-prose links. */
.fibx .prose a,
.fibx .intro a {
  color: var(--gold-hi, #ffd97a);
}

/* --- Bright Signal redesign (.fibx2): headings use --ink (theme-aware), beat Divi #333 --- */
.fibx2 h1,.fibx2 h2,.fibx2 h3,.fibx2 h4,.fibx2 h5,.fibx2 h6{color:var(--ink)}
