/* Iteration 7: clear, persistent light/dark presentation. */
html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }

html[data-theme="light"] .hero {
  color: #071114;
  background:
    radial-gradient(circle at 18% 15%, rgba(8, 122, 160, 0.12), transparent 30%),
    radial-gradient(circle at 84% 72%, rgba(83, 132, 0, 0.13), transparent 30%),
    #f2eee7;
}

html[data-theme="light"] .hero::before {
  background-image:
    linear-gradient(rgba(7, 17, 20, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 17, 20, 0.055) 1px, transparent 1px);
}

html[data-theme="light"] .signal-field { opacity: 0.58; }
html[data-theme="light"] .hero .eyebrow { color: rgba(7, 17, 20, 0.68); }
html[data-theme="light"] .hero .eyebrow span,
html[data-theme="light"] .hero h1 em { color: #356500; }
html[data-theme="light"] .hero-lede { color: rgba(7, 17, 20, 0.7); }
html[data-theme="light"] .availability { color: rgba(7, 17, 20, 0.62); }
html[data-theme="light"] .scroll-cue { color: rgba(7, 17, 20, 0.55); }
html[data-theme="light"] .scroll-cue i { background: rgba(7, 17, 20, 0.18); }

html[data-theme="light"] .button-quiet {
  color: #071114;
  background: rgba(7, 17, 20, 0.035);
  border-color: rgba(7, 17, 20, 0.22);
}

html[data-theme="light"] .button-quiet:hover {
  background: rgba(7, 17, 20, 0.08);
  border-color: rgba(7, 17, 20, 0.4);
}

html[data-theme="light"] .site-header {
  color: #071114;
  background: linear-gradient(to bottom, rgba(242, 238, 231, 0.94), rgba(242, 238, 231, 0));
}

html[data-theme="light"] .site-header.is-scrolled,
html[data-theme="light"] .site-header.menu-active {
  background: rgba(242, 238, 231, 0.92);
  border-bottom-color: rgba(7, 17, 20, 0.13);
}

html[data-theme="light"] .site-nav > a:not(.nav-cta) { color: rgba(7, 17, 20, 0.68); }
html[data-theme="light"] .site-nav > a:hover,
html[data-theme="light"] .site-nav > a:focus-visible,
html[data-theme="light"] .site-nav > a[aria-current="location"]:not(.nav-cta) { color: #071114; }

html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .menu-toggle {
  color: #071114;
  background: rgba(7, 17, 20, 0.035);
  border-color: rgba(7, 17, 20, 0.22);
}

html[data-theme="light"] .theme-toggle[aria-pressed="false"] {
  border-color: rgba(53, 101, 0, 0.5);
}

@media (max-width: 1050px) {
  html[data-theme="light"] .site-nav { background: rgba(242, 238, 231, 0.99); }

  html[data-theme="light"] .site-nav a,
  html[data-theme="light"] .site-nav .nav-cta {
    color: #071114;
    border-bottom-color: rgba(7, 17, 20, 0.14);
  }
}