/*
 * FVT public contrast compatibility layer.
 * Loaded after college.css so current component colors win over legacy global
 * heading/card declarations. Keep this file limited to public semantic surfaces.
 */

/* Standard dark surfaces: headings and copy must remain readable. */
main#main :is(
  .bg-dark,
  .text-bg-dark,
  .card-dark,
  .card.dark,
  .panel-dark,
  .panel-ink,
  .school-card-header,
  .phase10-card-head,
  .profile-submitted-top,
  .checkin-head,
  .live-card-head,
  .metric-head
) {
  color: #fff !important;
  -webkit-text-fill-color: currentColor !important;
}

main#main :is(
  .bg-dark,
  .text-bg-dark,
  .card-dark,
  .card.dark,
  .panel-dark,
  .panel-ink,
  .school-card-header,
  .phase10-card-head,
  .profile-submitted-top,
  .checkin-head,
  .live-card-head,
  .metric-head
) :is(h1, h2, h3, h4, h5, h6, label, strong) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

main#main :is(
  .school-card-header,
  .phase10-card-head,
  .profile-submitted-top,
  .checkin-head,
  .live-card-head,
  .metric-head
) :is(p, small, .small, .text-muted, .school-card-sub, .phase10-sub) {
  color: #d7e1e8 !important;
  -webkit-text-fill-color: #d7e1e8 !important;
}

/* School pages use charcoal headers and white content cards. */
main#main .school-page .school-card-header,
main#main .school-page .school-card-header h2,
main#main .school-page .school-card-header label {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

main#main .school-page .school-card-header .school-card-sub {
  color: #d7e1e8 !important;
  -webkit-text-fill-color: #d7e1e8 !important;
}

main#main .school-page :is(.school-hero, .school-stat, .school-card) {
  color: #101820 !important;
  -webkit-text-fill-color: currentColor !important;
}

main#main .school-page :is(.school-title, .school-stat-value, .player-name) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

main#main .school-page :is(.school-sub, .school-stat-label, .school-stat-sub, .player-sub) {
  color: #5f6f7a !important;
  -webkit-text-fill-color: #5f6f7a !important;
}

main#main .school-page .table thead th {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Bootstrap semantic colors must beat old inherited text-fill experiments. */
main#main .text-white,
main#main .text-light {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

main#main .text-dark {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}