/* =============================================================
   THEME.CSS — Andrea & Omar
   PALETA: Rosa intenso · Rosa pastel · Naranja durazno · Coral · Verde oliva

   #EA578F  → Rosa intenso    (acento principal, títulos cálidos)
   #F4B4BC  → Rosa pastel     (secciones alternas, fondo suave)
   #F09F58  → Naranja durazno (acento cálido secundario)
   #EF8184  → Coral           (acento, botones)
   #7D8844  → Verde oliva     (detalle natural, contraste)
   #6E2142  → Vino profundo   (derivado del rosa intenso, para texto y
                                secciones oscuras — da legibilidad y
                                elegancia sin salirse de la paleta)
   ============================================================= */


/* ─────────────────────────────────────────────
   1. PALETA GLOBAL
   ───────────────────────────────────────────── */
:root {
  --bg:        #FDF6F3;   /* Blanco cálido — fondo general */
  --bg-soft:   #FBE7E3;   /* Rosa pastel suave — secciones alternas */
  --text:      #6E2142;   /* Vino profundo — texto principal, legible */
  --muted:     #A15C72;   /* Rosa apagado — texto secundario */
  --white:     #ffffff;

  --gold:      #F09F58;   /* Naranja durazno — acento cálido */
  --warm:      #EF8184;   /* Coral — acento secundario / botones */

  --font-serif: 'Alex Brush', cursive;
  --font-sans:  'Cormorant Garamond', serif;
}


/* ─────────────────────────────────────────────
   2. HEADER / BARRA DE NAVEGACIÓN
   ───────────────────────────────────────────── */
:root {
  --nav-bg:           rgba(110, 33, 66, 0.25);
  --nav-bg-scrolled:  rgba(110, 33, 66, 0.95);
  --nav-text:         #FFFFFF;
  --nav-hamburger:    #FFFFFF;
  --nav-dropdown-bg:  rgba(110, 33, 66, 0.97);
}


/* ─────────────────────────────────────────────
   3. HERO
   ───────────────────────────────────────────── */
:root {
  --hero-overlay:   rgba(110, 33, 66, 0.38);
  --hero-text:      #FFFFFF;
  --hero-ampersand: #F09F58;
}


/* ─────────────────────────────────────────────
   4. CONTADOR
   ───────────────────────────────────────────── */
:root {
  --countdown-bg:          #FBE7E3;
  --countdown-date-color:  #6E2142;
  --countdown-label-color: #A15C72;
  --countdown-numbers:     #6E2142;
  --countdown-units:       #A15C72;
  --countdown-divider:     rgba(110, 33, 66, 0.18);
}


/* ─────────────────────────────────────────────
   5. BIENVENIDA
   ───────────────────────────────────────────── */
:root {
  --welcome-bg:           #FDF6F3;
  --welcome-intro-color:  #A15C72;
  --welcome-divider:      #F09F58;
  --welcome-name-color:   #EA578F;
}


/* ─────────────────────────────────────────────
   6. ITINERARIO
   ───────────────────────────────────────────── */
:root {
  --itinerary-bg:             #6E2142;
  --itinerary-text:           #FDF6F3;
  --itinerary-icon-fill:      #F4B4BC;
  --itinerary-btn-border:     rgba(244, 180, 188, 0.50);
  --itinerary-btn-hover-bg:   #EA578F;
  --itinerary-btn-hover-text: #FFFFFF;
}


/* ─────────────────────────────────────────────
   7. DRESS CODE
   ───────────────────────────────────────────── */
:root {
  --dresscode-bg:           #FDF6F3;
  --dresscode-kicker:       #EA578F;
  --dresscode-title:        #6E2142;
  --dresscode-style-color:  #A15C72;
  --dresscode-desc:         #A15C72;
  --dresscode-divider:      rgba(240, 159, 88, 0.35);

  /* Botones y modal de inspiración (hombres/mujeres) */
  --dresscode-bold-color:      #EA578F;
  --dresscode-btn-border:      #EA578F;
  --dresscode-btn-text:        #6E2142;
  --dresscode-btn-hover-bg:    #EA578F;
  --dresscode-btn-hover-text:  #FFFFFF;
  --modal-overlay:      rgba(110, 33, 66, 0.55);
  --modal-bg:           #FFFFFF;
  --modal-title:        #6E2142;
  --modal-close:        #6E2142;
  --modal-close-bg:     rgba(110, 33, 66, 0.08);
  --modal-close-hover-bg: rgba(110, 33, 66, 0.16);
}


/* ─────────────────────────────────────────────
   8. REGALOS — comentado en esta invitación
   ───────────────────────────────────────────── */
:root {
  --gifts-bg:           #FBE7E3;
  --gifts-kicker:       #6E2142;
  --gifts-title:        #6E2142;
  --gifts-text:         #A15C72;
  --gifts-btn-border:   #EF8184;
  --gifts-btn-hover-bg: #6E2142;
  --gifts-copy-border:  #EF8184;
  --gifts-copy-hover:   #6E2142;
  --gifts-copy-msg:     #A15C72;
}


/* ─────────────────────────────────────────────
   9. HOSPEDAJE
   ───────────────────────────────────────────── */
:root {
  --stay-bg:            #FDF6F3;
  --stay-kicker:        #EA578F;
  --stay-title:         #6E2142;
  --stay-card-bg:       #FBE7E3;
  --stay-card-title:    #6E2142;
  --stay-location:      #A15C72;
  --stay-btn-border:    #F4B4BC;
  --stay-btn-solid-bg:  #6E2142;
}


/* ─────────────────────────────────────────────
   10. TRANSPORTACIÓN — comentado en esta invitación
   ───────────────────────────────────────────── */
:root {
  --transport-bg:           #FBE7E3;
  --transport-kicker:       #6E2142;
  --transport-title:        #6E2142;
  --transport-text:         #A15C72;
  --transport-card-bg:      #FDF6F3;
  --transport-divider:      #F4B4BC;
  --transport-btn-border:   #EF8184;
  --transport-btn-solid-bg: #6E2142;
}


/* ─────────────────────────────────────────────
   11. CLIMA
   ───────────────────────────────────────────── */
:root {
  --weather-bg:    #FDF6F3;
  --weather-text:  #A15C72;
  --weather-city:  #A15C72;
}


/* ─────────────────────────────────────────────
   12. QUÉ HACER EN LA CIUDAD — no usado
   ───────────────────────────────────────────── */
:root {
  --city-bg:       #FBE7E3;
  --city-card-bg:  #FDF6F3;
  --city-kicker:   #6E2142;
  --city-title:    #6E2142;
}


/* ─────────────────────────────────────────────
   13. AVISO — SOLO ADULTOS — comentado en esta invitación
   ───────────────────────────────────────────── */
:root {
  --adults-bg:     #EF8184;
  --adults-text:   #FDF6F3;
  --adults-kicker: #FBE7E3;
}


/* ─────────────────────────────────────────────
   14. RSVP / FORMULARIO
   ───────────────────────────────────────────── */
:root {
  --rsvp-bg:              #FDF6F3;
  --rsvp-input-bg:        #FBE7E3;
  --rsvp-input-border:    #F4B4BC;
  --rsvp-label-color:     #A15C72;
  --rsvp-success-color:   #EA578F;
  --rsvp-btn-bg:          #6E2142;
  --rsvp-btn-text:        #FFFFFF;
}


/* ─────────────────────────────────────────────
   15. GALERÍA
   ───────────────────────────────────────────── */
:root {
  --gallery-bg:          #6E2142;
  --gallery-placeholder: #EA578F;
  --gallery-kicker:      #F4B4BC;
  --gallery-title:       #FDF6F3;
}


/* ─────────────────────────────────────────────
   16. HASHTAG — comentado en esta invitación
   ───────────────────────────────────────────── */
:root {
  --hashtag-overlay: rgba(110, 33, 66, 0.55);
  --hashtag-text:    #FFFFFF;
}


/* ─────────────────────────────────────────────
   17. FOOTER
   ───────────────────────────────────────────── */
:root {
  --footer-bg:   #6E2142;
  --footer-text: #FBE7E3;
}


/* ─────────────────────────────────────────────
   18. BOTÓN DE MÚSICA (flotante)
   ───────────────────────────────────────────── */
:root {
  --music-btn-bg:         rgba(253, 246, 243, 0.92);
  --music-btn-border:     #F4B4BC;
  --music-btn-text:       #6E2142;
  --music-btn-hover-bg:   #6E2142;
  --music-btn-hover-text: #FFFFFF;
}


/* ─────────────────────────────────────────────
   19. BOTONES GLOBALES
   ───────────────────────────────────────────── */
:root {
  --btn-primary-bg:       #6E2142;
  --btn-primary-text:     #FFFFFF;
  --btn-secondary-border: #EF8184;
  --btn-secondary-text:   #6E2142;
}