/* /themes/tenants/fmc.css — MOBLEY-HOMEPAGE — Fisher-McClellan's block-homepage token sheet (A SUGGESTION; Mobley approves).
   Load order (tenant layout): tokens.luxury.css → the two brand knobs → THIS sheet → the CMS customCss.
   FMC's customCss (PROVISION-FMC-01, api/deploy/fmc/fmc-tenant.css) already owns the site-wide palette — all-blue +
   gray, NO gold — and wins over anything here. So this sheet only supplies what the NEW blocks need and the skin
   never touched: the pin tokens, the stats band, slate body copy, and the accents on dark bands. Swap freely.

   Palette (brief): navy #172C4A · royal #155F92 · teal #2E95B5 · headings #142B49 · body #66667A (soft slate, not
   black) · muted #999999 · paper #F6F8FA.
*/
:root {
  /* the Sold-Dominance Map's FM monogram: white type on the navy pin, a navy halo behind the letters so the white
     stays crisp on the pin's edge, a white hairline so the navy lifts off dark water on the basemap */
  --im-pin-fill: #172C4A;
  --im-pin-mark: #FFFFFF;
  --im-pin-halo: rgba(15, 31, 56, 0.9);
  --im-pin-outline: rgba(255, 255, 255, 0.9);
  --im-pin-cluster-fg: #FFFFFF;
}

/* Headings #142B49 and slate body copy on the block homepage's light sections (dark bands keep their own type). */
.block-homepage .section-header h2,
.block-homepage .dominance-head h2,
.block-homepage .about-text h2 { color: #142B49; }
.block-homepage .section-description,
.block-homepage .about-text p,
.block-homepage .faq-answer { color: #66667A; }
.block-homepage .story-signature { color: #155F92; }

/* Story photo slot: the FM mark, white and quiet on the navy plate (the brand blue would vanish on it). */
.block-homepage .story .story-mark { color: #FFFFFF; opacity: 0.22; }

/* Stats band: navy ground, light-teal figures, soft white labels. */
.block-homepage .stats-bar { background: #172C4A; }
.block-homepage .stats-bar-number { color: #8FD0E4; }
.block-homepage .stats-bar-label { color: rgba(255, 255, 255, 0.78); }

/* Carousel arrows: white type on the blue hover fill. */
.block-homepage .im-carousel-arrow:hover:not(:disabled) { color: #FFFFFF; }

/* FAQ: teal hairlines + chevrons, navy questions. */
.block-homepage .faq-block .faq-question { color: #142B49; }
.block-homepage .faq-block .faq-item--accordion > summary.faq-question::after { border-color: #2E95B5; }

/* Contact band NAP on the navy gradient: pale-blue links. */
.block-homepage .contact-band .cta-nap-link { color: #BFE2EE; }
