:root {
  --tc-strip: linear-gradient(90deg,
    #C3D94E 0 12.5%, #14D9D2 12.5% 25%, #12C94A 25% 37.5%, #A006C4 37.5% 50%,
    #E01B5D 50% 62.5%, #2438E0 62.5% 75%, #F2E635 75% 87.5%, #7A4DE8 87.5% 100%);
}

html[data-theme="testbw"][data-mode="light"] {
  background:
    linear-gradient(90deg,
      rgba(195,217,78,.05) 0 12.5%, rgba(20,217,210,.05) 12.5% 25%,
      rgba(18,201,74,.05) 25% 37.5%, rgba(160,6,196,.05) 37.5% 50%,
      rgba(224,27,93,.05) 50% 62.5%, rgba(36,56,224,.05) 62.5% 75%,
      rgba(242,230,53,.05) 75% 87.5%, rgba(122,77,232,.05) 87.5% 100%),
    linear-gradient(180deg, #FFFFFF, #F6F8FB);
  background-attachment: fixed;
}
html[data-theme="testbw"][data-mode="light"] body.info-page {
  background: transparent;
}

html[data-theme="testbw"][data-mode] nav#siteNav,
html[data-theme="testbw"][data-mode] body.info-page .info-topbar {
  border-bottom: 4px solid transparent;
}
html[data-theme="testbw"][data-mode] nav#siteNav::after,
html[data-theme="testbw"][data-mode] body.info-page .info-topbar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 4px;
  background: var(--tc-strip);
  background-size: 100% 100%;
  background-attachment: fixed;
  pointer-events: none;
}

html[data-theme="testbw"][data-mode="dark"] {
  
  --bg1: #070A12;
  --bg2: #0B0F1A;
  --text: #FFFFFF;
  --muted: rgba(255, 255, 255, .72);
  --border: rgba(255, 255, 255, .12);
  --card: #0E1420;
  --shadow: 0 24px 60px rgba(0, 0, 0, .45);
  --glass: rgba(255, 255, 255, .06);
  --glass-strong: rgba(255, 255, 255, .09);
  --glass-hover: rgba(62, 111, 168, .28);
  --glass-outline: rgba(138, 174, 217, .34);
  --ink-wash: rgba(255, 255, 255, .04);
  --ink-wash-strong: rgba(255, 255, 255, .07);
  color-scheme: dark;

  background:
    radial-gradient(93% 93% at 0% 0%, rgba(20,217,210,.30) 0%, rgba(20,217,210,.135) 30%, transparent 65%),
    radial-gradient(93% 105% at 100% 100%, rgba(122,77,232,.34) 0%, rgba(122,77,232,.153) 30%, transparent 65%),
    radial-gradient(69% 69% at 100% 18%, rgba(224,27,93,.18) 0%, rgba(224,27,93,.081) 30%, transparent 65%),
    radial-gradient(75% 87% at 0% 64%, rgba(36,56,224,.24) 0%, rgba(36,56,224,.108) 30%, transparent 65%),
    radial-gradient(75% 75% at 34% 100%, rgba(18,201,74,.15) 0%, rgba(18,201,74,.068) 30%, transparent 65%),
    radial-gradient(63% 60% at 50% 0%, rgba(195,217,78,.11) 0%, rgba(195,217,78,.05) 30%, transparent 65%),
    radial-gradient(51% 60% at 78% 0%, rgba(242,230,53,.08) 0%, rgba(242,230,53,.036) 30%, transparent 65%),
    linear-gradient(180deg, #070A12, #0B0F1A);
  background-attachment: fixed;
}
html[data-theme="testbw"][data-mode="dark"] body,
html[data-theme="testbw"][data-mode="dark"] body.info-page {
  background: transparent;
}

html[data-theme="testbw"][data-mode="dark"] .home-landing,
html[data-theme="testbw"][data-mode="dark"] .home-viewer-suggestions,
html[data-theme="testbw"][data-mode="dark"] .home-carousel-row,
html[data-theme="testbw"][data-mode="dark"] .home-recommendations-panel {
  background: rgba(17, 24, 39, .50);
  border-color: rgba(255, 255, 255, .07);
}
html[data-theme="testbw"][data-mode="dark"] .home-viewer-suggestions,
html[data-theme="testbw"][data-mode="dark"] .home-carousel-row,
html[data-theme="testbw"][data-mode="dark"] .home-recommendations-panel {
  box-shadow: 0 0 0 1px rgba(20, 217, 210, .10), 0 18px 40px rgba(0, 0, 0, .35);
}
html[data-theme="testbw"][data-mode="dark"] .home-landing.is-collapsed {
  box-shadow: none;
}
html[data-theme="testbw"][data-mode="dark"] .home-landing::after,
html[data-theme="testbw"][data-mode="dark"] .home-viewer-suggestions::before,
html[data-theme="testbw"][data-mode="dark"] .home-viewer-suggestions::after {
  display: none;
}

html[data-theme="testbw"][data-mode="dark"] .home-suggestion-card,
html[data-theme="testbw"][data-mode="dark"] .home-suggestion-meta {
  background: #0E1420;
}
html[data-theme="testbw"][data-mode="dark"] .home-suggestion-card {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 12px 24px rgba(0, 0, 0, .35);
}
html[data-theme="testbw"][data-mode="dark"] .home-suggestion-card:hover,
html[data-theme="testbw"][data-mode="dark"] .home-suggestion-card:focus {
  box-shadow: inset 0 0 0 1px var(--glass-outline), 0 14px 28px rgba(0, 0, 0, .45), 0 0 22px rgba(20, 217, 210, .12);
}
html[data-theme="testbw"][data-mode="dark"] .home-suggestion-empty {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}
html[data-theme="testbw"][data-mode="dark"] .search-region.has-results {
  border-color: rgba(255, 255, 255, .08);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .40);
}

html[data-theme="testbw"][data-mode="dark"] .home-cta:not(.primary),
html[data-theme="testbw"][data-mode="dark"] .home-landing-close,
html[data-theme="testbw"][data-mode="dark"] .home-my-schedule-btn,
html[data-theme="testbw"][data-mode="dark"] .home-carousel-arrow,
html[data-theme="testbw"][data-mode="dark"] .home-provider-tab:not(.is-active),
html[data-theme="testbw"][data-mode="dark"] .search-results-arrow,
html[data-theme="testbw"][data-mode="dark"] .coverage-refresh-btn {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .12);
  box-shadow: none;
}
html[data-theme="testbw"][data-mode="dark"] .home-cta:not(.primary):hover,
html[data-theme="testbw"][data-mode="dark"] .home-cta:not(.primary):focus,
html[data-theme="testbw"][data-mode="dark"] .home-landing-close:hover,
html[data-theme="testbw"][data-mode="dark"] .home-landing-close:focus,
html[data-theme="testbw"][data-mode="dark"] .home-carousel-arrow:hover:not(:disabled),
html[data-theme="testbw"][data-mode="dark"] .home-provider-tab:not(.is-active):hover,
html[data-theme="testbw"][data-mode="dark"] .search-results-arrow:hover:not(:disabled),
html[data-theme="testbw"][data-mode="dark"] .coverage-refresh-btn:hover:not(:disabled) {
  background: rgba(62, 111, 168, .28);
  border-color: rgba(138, 174, 217, .34);
}
html[data-theme="testbw"][data-mode="dark"] .home-provider-tab-panel {
  background: rgba(255, 255, 255, .03);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

html[data-theme="testbw"][data-mode="dark"] .nav-clock,
html[data-theme="testbw"][data-mode="dark"] .nav-date {
  background: rgba(255, 255, 255, .09);
  border-color: rgba(255, 255, 255, .14);
}
html[data-theme="testbw"][data-mode="dark"] .nav-date:hover,
html[data-theme="testbw"][data-mode="dark"] .nav-date:focus {
  background: rgba(255, 255, 255, .14);
  border-color: rgba(138, 174, 217, .5);
}

html[data-theme="testbw"][data-mode="dark"] .home-recommendations-scroll,
html[data-theme="testbw"][data-mode="dark"] .home-carousel-row.is-expanded .home-carousel-viewport {
  scrollbar-color: rgba(138, 174, 217, .55) rgba(255, 255, 255, .06);
}
html[data-theme="testbw"][data-mode="dark"] .home-recommendations-scroll::-webkit-scrollbar-track,
html[data-theme="testbw"][data-mode="dark"] .home-carousel-row.is-expanded .home-carousel-viewport::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

.theme-toggle-switch {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3001;
  display: inline-flex;
  align-items: center;
  max-width: 190px;
  padding: 6px 30px 6px 14px;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, .18);
  background:
    rgba(0, 0, 0, .32)
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23f2eef5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>")
    no-repeat right 12px center;
  color: #f2eef5;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  cursor: pointer;
  backdrop-filter: blur(8px);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.theme-toggle-switch:hover { border-color: rgba(255, 255, 255, .32); }
.theme-toggle-switch:active { transform: translateY(-50%) scale(.97); }
.theme-toggle-switch:focus-visible { outline: 2px solid #C9AFDA; outline-offset: 2px; }

.theme-toggle-switch option {
  background: #1b1420;
  color: #f2eef5;
}

@media (max-width: 700px) {
  .theme-toggle-switch { max-width: 108px; padding: 7px 24px 7px 10px; left: 4px; font-size: 10.5px; }
}

.nav-accessibility-btn {
  position: absolute;
  right: 160px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3001;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: transform 160ms ease, opacity 160ms ease;
}
.nav-accessibility-btn img { width: 100%; height: 100%; display: block; }
.nav-accessibility-btn:hover { opacity: .85; }
.nav-accessibility-btn:active { transform: translateY(-50%) scale(.95); }
.nav-accessibility-btn:focus-visible { outline: 2px solid #C9AFDA; outline-offset: 2px; border-radius: 9999px; }

@media (max-width: 700px) {
  .nav-accessibility-btn { width: 42px; height: 42px; right: 8px; }
}