/* Static marketing palette: media and embedded invitation designs are untouched. */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] {
  color-scheme: light;
  --ink: #fff1f2;
  --panel: #fffafb;
  --rose: #9f1239;
  --text: #4a1825;
  --muted: #71545e;
  --line: #d8bfc6;
  --wine: #881337;
}
.nav .theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--rose);
  background: transparent;
}
.theme-toggle svg { width: 22px; height: 22px; }
.theme-toggle .icon-sun { display: none; }
[data-theme="dark"] .theme-toggle .icon-sun { display: block; }
[data-theme="dark"] .theme-toggle .icon-moon { display: none; }
.theme-toggle:hover { background: var(--panel); }
html[data-theme="light"] header { background: #fff1f2f2; border-color: var(--line); }
html[data-theme="light"] .primary { background: var(--wine); color: #fff1f2; }
html[data-theme="light"] .primary:hover { background: #6f0f2e; }
html[data-theme="light"] .play-dot { background: var(--wine); color: #fff1f2; }
html[data-theme="light"] .tag,
html[data-theme="light"] .example .plain-label { color: var(--rose); }
html[data-theme="light"] .hero .intro,
html[data-theme="light"] .hero .reassurance,
html[data-theme="light"] .tier .tier-purpose,
html[data-theme="light"] .tier li,
html[data-theme="light"] .destination p,
html[data-theme="light"] .destination .benefits span,
html[data-theme="light"] .destination .plan-note { color: var(--muted); }
html[data-theme="light"] .media-bottom { background: var(--panel); color: var(--muted); }
html[data-theme="light"] .media-bottom button { color: var(--text); }
html[data-theme="light"] .plans,
html[data-theme="light"] .destination,
html[data-theme="light"] .seating-proof-grid,
html[data-theme="light"] .research-brief,
html[data-theme="light"] .change-examples,
html[data-theme="light"] .floor-stage { background: var(--panel); border-color: var(--line); }
html[data-theme="light"] .rsvp,
html[data-theme="light"] .day-change { background: linear-gradient(120deg,#f8e1e6,#fffafb); border-color: var(--line); }
html[data-theme="light"] .tier-grid,
html[data-theme="light"] .tier + .tier,
html[data-theme="light"] .destination .benefits span { border-color: var(--line); }
html[data-theme="light"] .seating-proof-label,
html[data-theme="light"] .floor-stage .caption { color: var(--text); }
html[data-theme="light"] #coordination .operator-conversation { background: #f6e0e6; border-color: var(--line); }
html[data-theme="light"] #coordination .operator-speaker { color: var(--muted); }
html[data-theme="light"] #coordination .operator-prompt { color: var(--text); }
html[data-theme="light"] .travel-icon { color: var(--rose); }
html[data-theme="light"] .final { background: radial-gradient(ellipse at 50% 100%,#edc6d155,transparent 65%); }
/* Overlay controls sit on dark image frames in either page mode. */
html[data-theme="light"] #guests .guest-enlarge { color: #f3f0ef; }
html[data-theme="light"] .dialog-top { color: var(--text); background: var(--panel); }
html[data-theme="light"] dialog { background: var(--panel); border-color: var(--line); }
html[data-theme="light"] .dialog-top button { background: var(--ink); color: var(--text); border-color: var(--line); }
@media (min-width:1101px) { .nav { gap:16px; } .nav-links { gap:16px; } }
@media (max-width:1100px) { .nav .theme-toggle { margin-left:auto; } .nav .nav-signup { margin-left:0; } }
@media (max-width:420px) {
  .nav.wrap { width:calc(100% - 24px); gap:8px; }
  .nav .brand { font-size:28px; gap:6px; }
  .nav .nav-signup { padding-inline:8px; font-size:10px; }
}