/* NWB Vending — lighter mode (html[data-theme="light"])
   Warm linen + cream surfaces. Dark-first site; not blizzard white. */

html[data-theme="light"] {
  color-scheme: light;
  --l-page: #ddd8d0;
  --l-surface: #f5f2ec;
  --l-surface-2: #ede8e0;
  --l-surface-3: #e8e2da;
  --l-ink: #1f1d1b;
  --l-ink-body: #4a4642;
  --l-ink-muted: #6b6560;
  --l-gold: #8a6420;
  --l-gold-hover: #6b4e18;
  --l-border: rgba(120, 90, 48, 0.32);
  --l-shadow: 0 16px 40px rgba(42, 40, 38, 0.1);
  --l-panel: linear-gradient(180deg, rgba(61, 120, 198, 0.07) 0%, transparent 28%),
    linear-gradient(0deg, rgba(38, 160, 125, 0.05) 0%, transparent 32%),
    linear-gradient(180deg, var(--l-surface) 0%, var(--l-surface-2) 100%);
}

html[data-theme="light"] body {
  color: var(--l-ink-body);
  background: var(--l-page);
}

html[data-theme="light"] .panel {
  background: var(--l-panel);
  border-color: var(--l-border);
  box-shadow: var(--l-shadow);
}

html[data-theme="light"] .landing-top h1,
html[data-theme="light"] .landing-steps-title,
html[data-theme="light"] .gallery-feature h2,
html[data-theme="light"] .gallery-card h2,
html[data-theme="light"] .gallery-compare h2,
html[data-theme="light"] .gallery-steps-title,
html[data-theme="light"] .offer-card h3,
html[data-theme="light"] .terms-block h2,
html[data-theme="light"] .bio-lead {
  color: var(--l-ink);
}

html[data-theme="light"] .landing-badge {
  color: var(--l-gold);
}

html[data-theme="light"] .landing-top.theme-blue .landing-badge {
  color: #1e5a9e;
}

html[data-theme="light"] .landing-top.theme-green .landing-badge {
  color: #15803d;
}

html[data-theme="light"] .landing-top.theme-gold .landing-badge {
  color: var(--l-gold);
}

html[data-theme="light"] .landing-top .landing-tag,
html[data-theme="light"] .landing-body p,
html[data-theme="light"] .landing-list,
html[data-theme="light"] .gallery-blurb,
html[data-theme="light"] .container-gallery .landing-body p,
html[data-theme="light"] .container-gallery .gallery-blurb,
html[data-theme="light"] .contact-channels p,
html[data-theme="light"] .contact-focus,
html[data-theme="light"] .landing-note,
html[data-theme="light"] .landing-status,
html[data-theme="light"] .gallery-package-note,
html[data-theme="light"] .gallery-live-note,
html[data-theme="light"] .bio-audio-note {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .landing-body a,
html[data-theme="light"] .contact-email {
  color: var(--l-gold);
}

html[data-theme="light"] .landing-body a:hover,
html[data-theme="light"] .contact-email:hover {
  color: var(--l-gold-hover);
}

html[data-theme="light"] .back-link {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .back-link:hover {
  color: var(--l-gold);
}

html[data-theme="light"] .path-card {
  background: var(--l-surface);
  border-color: rgba(42, 40, 38, 0.12);
  box-shadow: 0 4px 14px rgba(42, 40, 38, 0.06);
}

html[data-theme="light"] .path-card:hover {
  border-color: var(--l-border);
}

html[data-theme="light"] .path-card h2 {
  color: var(--l-ink);
}

html[data-theme="light"] .path-card p {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .btn-ghost,
html[data-theme="light"] .btn-bio-audio {
  color: var(--l-gold);
  border-color: var(--l-border);
  background: rgba(255, 255, 255, 0.35);
}

html[data-theme="light"] .btn-ghost:hover,
html[data-theme="light"] .btn-bio-audio:hover {
  color: var(--l-gold-hover);
  border-color: rgba(120, 90, 48, 0.5);
}

html[data-theme="light"] .bio-x-link a {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .bio-x-link a:hover {
  color: var(--l-gold);
}

html[data-theme="light"] .bio-close {
  color: var(--l-gold);
}

html[data-theme="light"] .bio-turn {
  border-top-color: var(--l-border);
}

html[data-theme="light"] .thank-you {
  background: rgba(201, 166, 107, 0.1);
  border-color: var(--l-border);
}

html[data-theme="light"] .thank-you p {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .thank-you strong {
  color: var(--l-gold);
}

html[data-theme="light"] footer {
  color: var(--l-ink-muted);
}

html[data-theme="light"] footer a:hover {
  color: var(--l-gold);
}

html[data-theme="light"] .gallery-quote {
  color: var(--l-ink-body);
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid rgba(42, 40, 38, 0.08);
}

html[data-theme="light"] .gallery-tab {
  color: var(--l-ink-muted);
  background: var(--l-surface-2);
  border-color: rgba(42, 40, 38, 0.1);
}

html[data-theme="light"] .gallery-stage,
html[data-theme="light"] .gallery-hero-frame {
  background: var(--l-surface-3);
  border-color: rgba(42, 40, 38, 0.12);
}

html[data-theme="light"] .gallery-feature--superc,
html[data-theme="light"] .gallery-card--nwb {
  background: rgba(255, 255, 255, 0.35);
  border: 1px solid rgba(42, 40, 38, 0.08);
}

html[data-theme="light"] .gallery-callout {
  background: rgba(201, 166, 107, 0.1);
  border-color: var(--l-border);
}

html[data-theme="light"] .gallery-callout-lead {
  color: var(--l-ink-body);
}

html[data-theme="light"] .gallery-tier-tag,
html[data-theme="light"] .gallery-scope-tag {
  color: var(--l-gold);
}

html[data-theme="light"] .gallery-tier-free {
  color: #1e5a9e;
}

html[data-theme="light"] .gallery-feature,
html[data-theme="light"] .gallery-card,
html[data-theme="light"] .gallery-compare,
html[data-theme="light"] .gallery-card--nwb,
html[data-theme="light"] .gallery-package-list {
  border-top-color: var(--l-border);
}

html[data-theme="light"] .gallery-quote cite {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .gallery-live-link a {
  color: #1e5a9e;
}

html[data-theme="light"] .gallery-live-link a:hover {
  color: var(--l-gold);
}

html[data-theme="light"] .offer-card {
  background: var(--l-surface);
  border-color: rgba(42, 40, 38, 0.1);
}

html[data-theme="light"] .offer-card--free {
  border-color: rgba(37, 99, 235, 0.28);
}

html[data-theme="light"] .offer-card--custom {
  border-color: var(--l-border);
}

html[data-theme="light"] .offer-card--heavy {
  border-color: rgba(21, 128, 61, 0.28);
}

html[data-theme="light"] .terms-fold {
  background: rgba(255, 255, 255, 0.35);
  border-color: rgba(42, 40, 38, 0.12);
}

html[data-theme="light"] .terms-fold summary {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .terms-fold-body {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .offer-card .offer-price {
  color: var(--l-gold);
}

html[data-theme="light"] .offer-card p,
html[data-theme="light"] .offer-card .offer-includes {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .offer-card .offer-includes strong {
  color: var(--l-ink-body);
}

html[data-theme="light"] .offer-card-pay {
  border-top-color: rgba(42, 40, 38, 0.1);
}

html[data-theme="light"] .offer-pay-note {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .request-note,
html[data-theme="light"] .terms-block {
  color: var(--l-ink-muted);
  background: rgba(255, 255, 255, 0.4);
  border-color: var(--l-border);
}

html[data-theme="light"] .request-note strong,
html[data-theme="light"] .request-note-accent,
html[data-theme="light"] .terms-block strong {
  color: var(--l-gold);
}

html[data-theme="light"] .legend-aside {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(37, 99, 235, 0.22);
  color: var(--l-ink-muted);
}

html[data-theme="light"] .legend-aside-lead {
  color: var(--l-ink);
}

html[data-theme="light"] .request-form label {
  color: var(--l-ink-body);
}

html[data-theme="light"] .request-checks label {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .request-form input,
html[data-theme="light"] .request-form select,
html[data-theme="light"] .request-form textarea {
  color: var(--l-ink);
  background: var(--l-surface);
  border-color: rgba(42, 40, 38, 0.18);
}

html[data-theme="light"] .form-success {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.35);
  color: var(--l-ink-muted);
}

html[data-theme="light"] .form-success strong {
  color: #15803d;
}

html[data-theme="light"] .gallery-lightbox {
  background: rgba(42, 40, 38, 0.88);
}

html[data-theme="light"] .gallery-lightbox-close {
  color: #f5f0e8;
}

html[data-theme="light"] .kil-panel h2,
html[data-theme="light"] .kil-skill-title {
  color: var(--l-ink);
}

html[data-theme="light"] .kil-lead,
html[data-theme="light"] .kil-skill-note,
html[data-theme="light"] .kil-address {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .kil-skill {
  background: var(--l-surface);
  border-color: var(--l-border);
}

html[data-theme="light"] .kil-shop,
html[data-theme="light"] .kil-poss-group {
  border-top-color: rgba(42, 40, 38, 0.12);
}

html[data-theme="light"] .kil-poss-group h3 {
  color: var(--l-gold);
}

html[data-theme="light"] .kil-poss-note {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .kil-video-card {
  border-color: var(--l-border);
  background: var(--l-surface);
}

html[data-theme="light"] .kil-video-card:hover {
  border-color: var(--l-gold);
}

html[data-theme="light"] .kil-video-label {
  color: var(--l-ink);
  background: var(--l-surface);
}

html[data-theme="light"] .kil-superc-shoutout {
  background: rgba(255, 255, 255, 0.5);
  border-color: var(--l-border);
}

html[data-theme="light"] .kil-superc-shoutout h3 {
  color: var(--l-ink);
}

html[data-theme="light"] .kil-thumb img {
  border-color: var(--l-border);
  background: var(--l-surface);
}

html[data-theme="light"] .kil-thumb span {
  color: var(--l-ink-muted);
}

html[data-theme="light"] .kil-pill {
  color: #2563eb;
  border-color: rgba(37, 99, 235, 0.28);
}

/* Toggle button */
.nwb-theme-toggle {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.85rem;
  border: 1px solid rgba(201, 166, 107, 0.45);
  border-radius: 999px;
  background: rgba(12, 12, 18, 0.92);
  color: #e8c97a;
  font-family: Montserrat, system-ui, sans-serif;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.nwb-theme-toggle:hover {
  color: #f5f0e8;
  border-color: #e8c97a;
}

.nwb-theme-toggle:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

.nwb-theme-toggle-icon {
  font-size: 0.85rem;
  line-height: 1;
}

html[data-theme="light"] .nwb-theme-toggle {
  background: rgba(255, 255, 255, 0.92);
  color: var(--l-gold);
  border-color: var(--l-border);
  box-shadow: 0 6px 18px rgba(42, 40, 38, 0.12);
}

html[data-theme="light"] .nwb-theme-toggle:hover {
  color: var(--l-gold-hover);
  border-color: rgba(120, 90, 48, 0.5);
}