/* Sapphire Capitals - bundle landing page (page ID 11959) readability fix.
 *
 * WHY THIS FILE EXISTS
 * The page is one block of hand-written HTML inside a single Elementor widget.
 * 17 of its 21 headings set no colour of their own, so they fall back to the
 * Astra theme default #3a3a3a. Twelve of those sit on light panels and read
 * fine. Five sit on the dark navy panels, where #3a3a3a measures about
 * 1.4:1 against the background - far below the 4.5:1 needed to be legible.
 * Those five headings are invisible to any visitor whose device is NOT in
 * dark mode, including the closing call to action.
 *
 * WHY THE SELECTORS LOOK FUSSY
 * The page's own gold (#FFCF68) and light-blue (#55C8FF) sub-headings live in
 * the SAME dark sections and are set correctly. None of the headings carry a
 * class, so each rule names one section and one tag - exactly the five that
 * are broken - rather than blanketing every heading and flattening his accent
 * colours.
 *
 * Verified before and after: 5 failures -> 0, with the gold and blue
 * sub-headings unchanged.
 *
 * -- Anirudha Talmale, 2026-10-07
 */

/* 1. "Positive Expectancy: The Framework Behind Every Sapphire App"
      bg #062041 - was 1.43:1  (the h3 sub-headings here stay gold / light blue) */
.sbl-expectancy h2 { color: #ffffff; }

/* 2. "Global Market Coverage" on bg #062144 - was 1.41:1
   3. "Trade global markets" inside the translucent card - was 1.85:1 */
.sbl-coverage h2,
.sbl-coverage h3 { color: #ffffff; }

/* 4. "What Comes Next" on bg #052044 - was 1.42:1
      (the h3 "Sapphire AI - In Development" keeps its own #55C8FF) */
.sbl-next h2 { color: #ffffff; }

/* 5. "Before Your Next Trade, Start With the Evidence." on bg #061B38
      was 1.51:1 - this is the closing call to action */
.sbl-final-cta h2 { color: #ffffff; }