/* Light shell around tactical / Tailwind sport hubs (football-light, mbb/wbb-light) */

body.hfz-light-tactical {
  background: var(--paper) !important;
  color: var(--ink);
  background-image: none !important;
}

.hfz-light-tactical #sub-header {
  background: var(--white) !important;
  border: 1.5px solid var(--mist);
  border-radius: var(--rad-lg);
  margin-top: 1.25rem;
  margin-bottom: 0;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}

.hfz-light-tactical #sub-header .tactical-nav-tabs {
  border-bottom-color: var(--mist);
}

.hfz-light-tactical #sub-header .tactical-tab {
  background: var(--paper-alt);
  border-color: var(--mist) !important;
  color: var(--dim) !important;
}

.hfz-light-tactical #sub-header .tactical-tab:hover {
  color: var(--ink) !important;
  background: var(--mist);
}

.hfz-light-tactical #sub-header .tactical-tab.active {
  background: var(--gold) !important;
  color: var(--ink) !important;
  border-color: var(--gold) !important;
  box-shadow: none;
}

.hfz-light-tactical .tactical-panel:not(.bg-white) {
  background: var(--white) !important;
  color: var(--ink);
  border-color: var(--mist) !important;
}

.hfz-light-tactical .tactical-panel::before {
  box-shadow: none;
}

.hfz-light-tactical .tactical-section-header h2,
.hfz-light-tactical .mission-header h2 {
  color: var(--ink) !important;
}

.hfz-light-tactical .mission-header .mission-id,
.hfz-light-tactical .section-id {
  color: var(--dim) !important;
}

.hfz-light-tactical .text-white {
  color: var(--ink) !important;
}

.hfz-light-tactical .text-zinc-500,
.hfz-light-tactical .text-zinc-400 {
  color: var(--dim) !important;
}