/* ============================================================
   Final palette — the single chosen direction.
   Sunset-lantern hero melting into a royal-purple world, gold,
   cream RSVP act, deepened indigo night. The former four-theme
   preview system has been retired; resolveTheme/THEMES remain in
   lib.mjs (tested) but are no longer used at runtime. Everything
   keys off html[data-theme="purple"], applied statically.
   ============================================================ */

html[data-theme="purple"] {
  --bg: #241436; --bg-2: #3a2158; --ink: #f6efff; --cream: #e6d3ff;
  --gold: #d4af6a; --accent: #9b6bde;
  /* --night deepened toward the reception painting's midnight indigo so the
     ACT IV night harmonises with the raster art. */
  --night: #141334; --rsvp-bg: #f4ead6; --rsvp-ink: #2e1a47; --texture-opacity: 0.05;
}

/* Countdown ground silhouette — the purple act's rolling hills + lantern. */
.cd-ground-purple { display: block; }

/* ------------------------------------------------------------
   Event-card ornament — generic fallback for any event without a
   painted vignette (all five ship with art, so this rarely shows):
   a thin double rule with a centre diamond.
   ------------------------------------------------------------ */
.event-ornament {
  position: relative;
  width: 100%;
  max-width: 12rem;
  height: 18px;
  background: none;
}
.event-ornament::before {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center 5px, center 13px;
  background-image:
    linear-gradient(90deg, transparent, var(--gold) 18%, var(--gold) 82%, transparent),
    linear-gradient(90deg, transparent, var(--gold) 18%, var(--gold) 82%, transparent);
  background-size: 100% 1px, 100% 1px;
  opacity: 0.75;
}
.event-ornament::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 9px;
  height: 9px;
  transform: translate(-50%, -50%) rotate(45deg);
  background: var(--bg-2);
  border: 1px solid var(--gold);
}