/* LOUDmusic Impact Foundation — final light/dark visibility guardrails.
   This file is loaded last so generic light-mode button rules cannot turn
   controls on intentionally dark surfaces into black-on-black text. */

html[data-theme="light"] footer .btn-outline,
html[data-theme="light"] footer .footer-btns .btn-outline,
html[data-theme="light"] .editorial-page footer .btn-outline,
html[data-theme="light"] .static-page footer .btn-outline {
  color: rgba(255, 255, 255, .82) !important;
  background: transparent !important;
  border-color: rgba(255, 255, 255, .38) !important;
}

html[data-theme="light"] footer .btn-outline:hover,
html[data-theme="light"] .editorial-page footer .btn-outline:hover,
html[data-theme="light"] .static-page footer .btn-outline:hover {
  color: #7dc4ff !important;
  border-color: #7dc4ff !important;
}

/* Dark CTA chapters retain white copy in Light mode. */
html[data-theme="light"] .modern-finale,
html[data-theme="light"] .pillar-cta,
html[data-theme="light"] .editorial-section.blue,
html[data-theme="light"] .final-cta {
  color: #fff;
}

html[data-theme="light"] .modern-finale p,
html[data-theme="light"] .pillar-cta p,
html[data-theme="light"] .editorial-section.blue p,
html[data-theme="light"] .final-cta p {
  color: rgba(255, 255, 255, .82) !important;
}

html[data-theme="light"] .modern-finale h2,
html[data-theme="light"] .pillar-cta h2,
html[data-theme="light"] .pillar-cta h3,
html[data-theme="light"] .editorial-section.blue h2,
html[data-theme="light"] .final-cta h2 {
  color: #fff !important;
}

html[data-theme="light"] .modern-finale .btn-outline,
html[data-theme="light"] .pillar-cta .btn-outline,
html[data-theme="light"] .editorial-section.blue .btn-outline,
html[data-theme="light"] .final-cta .btn-outline {
  color: rgba(255, 255, 255, .9) !important;
  border-color: rgba(255, 255, 255, .55) !important;
  background: transparent !important;
}

/* Youth & Workforce keeps its Light-mode pathway band pale. */
html[data-theme="light"] .modern-pathway-band {
  color: #071a2b !important;
}
html[data-theme="light"] .modern-pathway-band h2,
html[data-theme="light"] .modern-pathway-band p,
html[data-theme="light"] .modern-pathway-band strong {
  color: #071a2b !important;
}
html[data-theme="light"] .modern-pathway-band small {
  color: rgba(7, 26, 43, .68) !important;
}

/* Youth & Workforce uses a pale Light-mode footer. */
html[data-theme="light"] body:not(.impact-page):not(.editorial-page):not(.static-page) footer .btn-outline {
  color: #071a2b !important;
  border-color: rgba(7, 26, 43, .28) !important;
}
html[data-theme="light"] body:not(.impact-page):not(.editorial-page):not(.static-page) footer .btn-outline:hover {
  color: #1e73be !important;
  border-color: #1e73be !important;
}

/* Dark surfaces used by the homepage route library. */
html[data-theme="light"] .home-focus,
html[data-theme="light"] .home-closing {
  color: #fff;
}
html[data-theme="light"] .home-focus p,
html[data-theme="light"] .home-closing p,
html[data-theme="light"] .home-focus .section-lead,
html[data-theme="light"] .home-closing .section-lead {
  color: rgba(255, 255, 255, .82) !important;
}
html[data-theme="light"] .home-focus h2,
html[data-theme="light"] .home-closing h2 { color: #fff !important; }