/* Variante champán: solo colores. Las dimensiones, las fuentes,
   los movimientos y las interacciones provienen de styles.css. */
:root {
  --dust: #bba57e;
  --paper: #fffdf7;
  --cream: #fff9f0;
  --ink: #53413c;
  --muted: #857369;
  --line: #e6d7bf;
}
body { background: #fffaf4; }
button:focus-visible, a:focus-visible { outline-color: #b09365; }

/* Sobre inicial. Se conserva el borgoña del lacre y del papel. */
.intro-screen {
  background: radial-gradient(ellipse 48% 28% at 50% 46%, #f4e7d3 0%, transparent 95%),
              linear-gradient(180deg, #fffdf7 0%, #fffaf4 57%, #f7eee2 100%);
}
.intro-screen::before { border-color: rgba(176,147,101,.32); }
.intro-screen::after { border-color: rgba(176,147,101,.14); }
.intro-subtitle { color: #847469; }
.botanical { fill: #b69a70; fill-opacity: .28; }
.botanical .stem { stroke: #ad8959; stroke-opacity: .50; }
.envelope {
  --env-seal: #fff9f0;
  --env-seal-ink: #8f2945;
  --env-accent: #bfa678;
}
.letter-peek { background: #fffdf7; border-color: #e6d7bf; }
.wax-seal { background: radial-gradient(circle at 27% 22%, #fff 0%, #fff9f0 34%, #fff9f0 75%, #dfc9a8 100%); }
.sparkle { color: #b09365; }
.selector-title, .sample-note { color: #977e58; }
.style-option { background: rgba(255,253,247,.80); border-color: #e5d7bf; color: #65534a; }
.style-option.selected { border-color: #b09365; background: #fffdf7; box-shadow: 0 0 0 2px rgba(176,147,101,.11); }
.style-option small { color: #867569; }
.color-swatch { border-color: #dec8a3; }
.color-swatch.ivory { background: radial-gradient(circle at 52% 50%,#8f2945 0 22%,transparent 24%),linear-gradient(145deg,#fffdf7 50%,#f1e9db 50%); }
.color-swatch.botanical-swatch { background: radial-gradient(ellipse at 35% 26%,#bfa678 0 13%,transparent 14%),radial-gradient(ellipse at 65% 67%,#bfa678 0 16%,transparent 17%),#fff9f0; }
body[data-envelope="ivory"] .envelope { --env-back:#f1e9db;--env-front:#fffdf7;--env-flap:#fffef9;--env-border:#dcc7a5;--env-accent:#b09365; }
body[data-envelope="ivory"] .envelope-front { background:linear-gradient(120deg,transparent 49.8%,#dfc9a8 50%,transparent 50.4%),linear-gradient(240deg,transparent 49.8%,#dfc9a8 50%,transparent 50.4%),linear-gradient(180deg,#fffef9,#fbf4e8); }
body[data-envelope="botanical"] .envelope { --env-back:#f1e9db;--env-front:#fffaf4;--env-flap:#fffdf7;--env-border:#dcc7a5;--env-accent:#b09365; }
body[data-envelope="botanical"] .envelope-front { background:linear-gradient(160deg,transparent 24%,rgba(255,255,255,.4) 50%,transparent 80%),linear-gradient(180deg,#fffdf7,#f1e9db); }
body[data-envelope="botanical"] .envelope-front::after { color:#b09365; }
body[data-envelope="botanical"] .botanical { fill:#ad8959;fill-opacity:.40; }
.music-toggle, .music-info { background:rgba(255,253,247,.94);border-color:rgba(176,147,101,.38); }
.music-popover { background:#fffdf7;border-color:#e1cfaf;color:#65534a; }
.music-popover-header span { color:#977e58; }

/* Tarjetas: marcos, hostia y detalles en dorado champán. */
.invitation-screen, .story-screen {
  background: radial-gradient(ellipse at top,#fffdf7 0%,#f7efe3 65%,#f0e6d5 100%);
}
.invitation-shell, .story-panel { background:#fffdf7;border-color:#e1cfaf; }
.invitation-shell::before, .story-border { border-color:#e6d7bf; }
.invitation-shell::after { border-color:rgba(176,147,101,.24); }
.card-corner { border-color:#bfa678; }
.story-border::before, .story-border::after { border-color:#bfa678; }
.host-illustration,.story-host { color:#b09365; }
.story-topline,.details-topline { color:#99764d; }
.sacrament,.story-sacrament { color:#722d3f; }
.separator,.section-separator,.story-divider { color:#b09365; }
.separator span,.section-separator span,.story-divider span { background:#dfc9a8; }
.scripture-ref,.story-verse-ref { color:#977e58; }
.invite-message,.story-message { color:#65534a; }
.date-panel,.story-date { background:#fbf4e8;border-color:#dfc9a8; }
.date-small,.date-time,.story-weekday,.story-hour { color:#99764d; }
.date-main,.story-date-main { color:#872d43; }
.place-symbol,.details-symbol { color:#b09365; }
.place-overline,.details-label { color:#99764d; }
.event-place p:not(.place-overline),.details-place p:not(.details-label) { color:#847469; }
.location-link,.details-link { border-color:#b09365;color:#872d43; }
.location-link:hover { background:#fff9f0; }
.section-separator,.details-separator { color:#b09365; }
.rsvp-section { background:#fff9f0;border-color:#e6d7bf; }
.tiny-cross,.footer-cross { color:#b09365; }
.rsvp-section p,.rsvp-section .rsvp-note { color:#847469; }
.invitation-footer { color:#977e58; }
.back-button,.story-back,.story-nav-filler { color:#847469; }
.story-dots i { background:#dec8a3; }
.story-dots i.active { background:#b09365; }
.details-rsvp { border-color:#e6d7bf; }

/* El nombre Ramiro, los botones principales y el sobre borgoña se mantienen. */