/* One interface, two materials. Product captures stay untouched. */
:root[data-theme=light] .site-nav{
  color:var(--text);background:rgba(255,255,255,.74);
  border-color:rgba(255,255,255,.92);box-shadow:0 10px 40px #38214c0b;
}
:root[data-theme=light] .site-actions .button{background:var(--accent);color:var(--accent-ink)}
:root[data-theme=light] .hero{background:var(--bg);color:var(--text)}
:root[data-theme=light] .hero-art{
  filter:invert(1) hue-rotate(180deg) saturate(.7);opacity:.7;
}
:root[data-theme=light] .hero:after{
  background:linear-gradient(90deg,#f6f3faf5 0%,#f6f3fac4 35%,#f6f3fa08 80%),linear-gradient(0deg,#f6f3fa 0%,transparent 28%);
}
:root[data-theme=light] .hero h1 span{color:#74429a}
:root[data-theme=light] .hero .eyebrow{color:var(--accent)}
:root[data-theme=light] .hero-copy>p:not(.eyebrow){color:var(--muted)}
:root[data-theme=light] .hero .button{background:var(--accent);color:var(--accent-ink)}
:root[data-theme=light] .hero .button.secondary{
  color:var(--text);background:rgba(255,255,255,.78);border-color:var(--line);
}
:root[data-theme=light] .hero-foot{color:var(--muted)}
:root[data-theme=light] .hero-foot i{background:var(--accent)}
:root[data-theme=light] .auth-art{background:var(--bg);color:var(--text)}
:root[data-theme=light] .auth-art>img{filter:invert(1) hue-rotate(180deg) saturate(.7);opacity:.65}
:root[data-theme=light] .auth-art:after{background:linear-gradient(#f6f3fa55,transparent 25%,#f6f3faed)}
:root[data-theme=light] .auth-art p{color:var(--muted)}
/* A steady glass surface keeps the secondary action readable over the artwork. */
:root[data-theme=dark] .hero .button.secondary{background:rgba(20,14,31,.74)}
@media(max-width:600px){
  .site-actions{gap:6px}
  .site-nav .brand{font-size:18px;gap:6px}
  .site-actions .button{font-size:11px;padding:10px 12px;min-height:44px}
  .site-actions .button svg{display:none}
  .topbar-tools .icon-button{width:44px;height:44px}
  :root[data-theme=light] .hero:after{
    background:linear-gradient(90deg,#f6f3fae8 0%,#f6f3fa99 70%,#f6f3fa40),linear-gradient(0deg,#f6f3fa,transparent 50%);
  }
}
@media(max-width:380px){
  .site-nav .brand>span{display:none}
  .topbar-title h1{font-size:20px}
  .topbar-tools{gap:4px}
}