/* ============================================================
   Trickle — Light theme layer (June 2026)
   Layered ON TOP of each page's existing styles. Re-themes the
   top nav + hero/header surfaces to light. The dark "anchor"
   sections (CTA bands, Sprint, feature visuals, pull-quotes,
   testimonial cards, footer) are intentionally left dark and
   are NOT touched here.
   To revert the whole site to dark: remove the single
   <link rel="stylesheet" href="theme-light.css"> from each page.
   ============================================================ */

/* ---------- Top navigation ---------- */
nav { background: #ffffff !important; border-bottom: 1px solid rgba(40,35,91,0.09) !important; }
.nav-logo img { mix-blend-mode: normal !important; }
.nav-links > li > a { color: #4a4670 !important; }
.nav-links > li > a:hover { color: var(--teal) !important; }
.nav-links > li > a.nav-login,
a.nav-login { background: transparent !important; color: #28235B !important; border: 1px solid rgba(40,35,91,0.25) !important; }
.nav-links > li > a.nav-login:hover,
a.nav-login:hover { background: rgba(40,35,91,0.05) !important; border-color: rgba(40,35,91,0.45) !important; color: #28235B !important; }
.nav-chevron { border-top-color: rgba(40,35,91,0.4) !important; }
.nav-has-dropdown > a:hover .nav-chevron,
.nav-has-dropdown.open > a .nav-chevron { border-top-color: var(--teal) !important; }
.nav-hamburger { color: #28235B !important; }
.nav-back { color: #4a4670 !important; }

/* ---------- Hero / page-header surfaces ---------- */
.hero, .page-hero, .about-hero, .uc-hero, .case-hero, .post-header, .pricing-hero { background: #ffffff !important; }
.hero > h1, .hero h1, .page-hero h1, .about-hero h1, .uc-hero h1, .case-hero h1, .pricing-hero h1, .post-title { color: #28235B !important; }
.hero h1 em, .page-hero h1 em, .about-hero h1 em, .uc-hero h1 em, .pricing-hero h1 em, .post-title em { color: var(--teal) !important; }
.hero-sub, .page-hero p, .about-hero p, .uc-hero p, .case-hero .hero-sub, .pricing-hero p, .post-subtitle, .uc-hero-sub { color: #4a4670 !important; }
.hero-eyebrow, .page-hero-label { color: var(--teal) !important; }
.hero-org, .post-details, .hero-trust-label, .hero-teams-note, .pillar-text, .stat-label { color: #6f6b8f !important; }
.post-author { color: #1a1730 !important; }
.hero-stats, .hero-trust, .post-meta, .pillars { border-top-color: rgba(40,35,91,0.12) !important; }
.hero-trust-logos img { filter: none !important; }

/* ---------- Mobile menu (match the now-light nav) ---------- */
@media (max-width: 960px) {
  nav.nav-open,
  nav.nav-open .nav-links,
  .nav-links.nav-open-list,
  .nav-links { background: #ffffff !important; }
  nav.nav-open { box-shadow: 0 8px 24px rgba(40,35,91,0.10) !important; }
  nav.nav-open .nav-links a:not(.nav-cta):not(.nav-login) { color: #28235B !important; border-color: rgba(40,35,91,0.08) !important; }
}