/* Public-page theme (light / dark / system). Loaded by public pages that set
   ViewData["PublicTheme"] = true (News, Webinars, Support). Bootstrap 5.3
   handles its own components via data-bs-theme; this maps the template
   variables from main.css and fixes a few light-only Bootstrap utilities. */
html[data-bs-theme="dark"] body.public-theme {
  --background-color: #121212;
  --default-color: #e2e1e1;
  --heading-color: #ffffff;
  --surface-color: #1e1e1e;
  --contrast-color: #e2e1e1;
  --bs-body-bg: #121212;
  --bs-body-color: #e2e1e1;
  color-scheme: dark;
}

html[data-bs-theme="light"] body.public-theme {
  --default-color: #212529;
  --contrast-color: #212529;
}

body.public-theme .card {
  background-color: var(--bs-card-bg);
}

/* .bg-light hard-codes a light color; remap it in dark mode */
html[data-bs-theme="dark"] body.public-theme .bg-light {
  background-color: var(--bs-tertiary-bg) !important;
}

html[data-bs-theme="dark"] body.public-theme .bg-white {
  background-color: var(--bs-body-bg) !important;
}

html[data-bs-theme="dark"] body.public-theme .text-bg-light {
  color: var(--bs-body-color) !important;
  background-color: var(--bs-tertiary-bg) !important;
}

html[data-bs-theme="dark"] body.public-theme .text-dark {
  color: var(--bs-body-color) !important;
}

html[data-bs-theme="dark"] body.public-theme .btn-outline-dark {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-border-color: var(--bs-body-color);
  --bs-btn-hover-bg: var(--bs-body-color);
  --bs-btn-hover-color: var(--bs-body-bg);
  --bs-btn-hover-border-color: var(--bs-body-color);
}

/* .table-light hard-codes light colors; remap it in dark mode */
html[data-bs-theme="dark"] body.public-theme .table-light {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: var(--bs-tertiary-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-striped-bg: var(--bs-tertiary-bg);
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-active-bg: var(--bs-tertiary-bg);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-hover-bg: var(--bs-tertiary-bg);
  --bs-table-hover-color: var(--bs-body-color);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

html[data-bs-theme="dark"] body.public-theme .text-muted {
  color: var(--bs-secondary-color) !important;
}

html[data-bs-theme="dark"] body.public-theme .btn-outline-secondary {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-border-color: var(--bs-border-color);
}