/* Light theme overrides — active when html[data-bt-theme="light"] */

html[data-bt-theme="light"] {
  color-scheme: light;
}

html[data-bt-theme="light"] body {
  background:
    radial-gradient(circle at 20% 10%, rgba(70, 242, 180, 0.12), transparent 32rem),
    radial-gradient(circle at 80% 0%, rgba(122, 167, 255, 0.1), transparent 28rem),
    var(--bg);
}

html[data-bt-theme="light"] .hero,
html[data-bt-theme="light"] .panel {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 247, 251, 0.92));
  box-shadow: 0 16px 48px rgba(15, 23, 42, 0.08);
}

html[data-bt-theme="light"] .hero.hero-bleed {
  background:
    linear-gradient(180deg, rgba(244, 247, 251, 0.35), rgba(244, 247, 251, 0.96)),
    radial-gradient(ellipse 70% 60% at 70% 40%, rgba(70, 242, 180, 0.12), transparent 55%),
    radial-gradient(ellipse 50% 50% at 15% 80%, rgba(122, 167, 255, 0.08), transparent 50%),
    #eef2f8;
}

html[data-bt-theme="light"] .marketing-nav .nav-link:not(.primary) {
  background: rgba(255, 255, 255, 0.7);
}

html[data-bt-theme="light"] .auth-card,
html[data-bt-theme="light"] .pricing-card {
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);
}

.bt-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  border: 1px solid var(--bt-border);
  background: var(--bt-bg-inset);
  color: var(--bt-text-muted);
  border-radius: var(--bt-radius-pill);
  padding: 8px 14px;
  font-family: var(--bt-font-sans);
  font-size: var(--bt-text-sm);
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.bt-theme-toggle:hover {
  border-color: var(--bt-primary-border);
  color: var(--bt-primary);
}

.marketing-nav .nav-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.sidebar-footer .bt-theme-toggle {
  width: 100%;
  margin-bottom: 0.65rem;
}