/* Site-wide polish, loaded last on every page so it wins over each page's inline styles.
   From the Apple design review, 14 Nov 2026. Rules:
   - One filled primary per screen: the nav button is an outline, the page's own CTA is the fill.
   - Magenta kept to a minimum: labels are blue on light, sky blue on dark.
   - Every text colour passes contrast (4.5:1 small, 3:1 large or bold). */

:root { --offwhite: #F4F8FD; --sky: #6FA8DC; }

/* Nav: secondary outline button, fills on hover */
.ss-nav-cta {
  background: transparent !important; color: var(--blue) !important;
  border: 2px solid var(--blue) !important; padding: 8px 18px !important;
}
.ss-nav-cta:hover { background: var(--blue) !important; color: #fff !important; }

/* Labels: eyebrows sit on dark hero photos, section labels on light sections */
.ss-eyebrow { color: var(--sky) !important; }
.ss-section-label { color: var(--blue) !important; }
.ss-coach-specialty { color: var(--blue) !important; }
.ss-tcard-stars { color: var(--blue) !important; }

/* Footer: readable small print (was 35-50% white, 2.9:1) */
.ss-fhr .day { color: rgba(255,255,255,.6) !important; }
.ss-hours-note { color: rgba(255,255,255,.7) !important; }
.ss-footer-bottom p, .ss-footer-bottom a { color: rgba(255,255,255,.7) !important; opacity: 1 !important; }
.ss-footer-bottom a:hover { color: #fff !important; }

/* Eyebrows on light page headers (blog, contact, privacy, federation, thanks) */
.ss-page-hero .ss-eyebrow, .ss-page-hero-inner .ss-eyebrow, .ss-wrap .ss-eyebrow { color: var(--blue) !important; }

/* Labels and accents on navy sections: sky blue (5.5:1). On Storiestrong blue: white. */
.ss-values .ss-section-label, .ss-results .ss-section-label, .ss-results .ss-tcard-stars,
.ss-coach-feature .ss-coach-specialty, .ss-start .ss-step-num,
.ss-testimonial-strip .quote-mark { color: var(--sky) !important; }
.ss-pricing .ss-section-label { color: #fff !important; }

/* Small white text on blue and navy: at least 70% (navy) / 90% (blue) */
.ss-stats .ss-stat-label, .ss-proof .ss-proof-label { color: rgba(255,255,255,.92) !important; }
.ss-price-card-sub, .ss-reviews-sub { color: rgba(255,255,255,.75) !important; }
.ss-price-block-sub, .ss-pricing-inner > p { color: rgba(255,255,255,.9) !important; }
.ss-form-note { color: rgba(255,255,255,.75) !important; }

/* Closing call-to-action bands: a floor photo under navy, chosen per page via --cta-photo */
.ss-bottom-cta[style*="--cta-photo"], .ss-coaches-cta[style*="--cta-photo"] {
  background: linear-gradient(rgba(0,46,93,.86), rgba(0,46,93,.86)), var(--cta-photo) center 45% / cover no-repeat !important;
}