/* =============================================================
   THEME.CSS — Jazmín & Luis Carlos
   PALETA: Terracota · Beige · Oliva · Lino · Niebla

   #E8E8E6  → Niebla suave    (fondo general)
   #DAD2BF  → Lino cálido     (secciones alternas)
   #C5A78D  → Arena cálida    (acento, íconos)
   #958B68  → Oliva seco      (texto secundario)
   #9C6A4F  → Café arcilla    (acento cálido)
   #5C3D2A  → Terracota texto (legibilidad en fondo claro)
   #6B4233  → Terracota oscuro (secciones oscuras, footer)
   ============================================================= */


/* ─────────────────────────────────────────────
   1. PALETA GLOBAL
   ───────────────────────────────────────────── */
:root {
  --bg:        #E8E8E6;   /* Niebla suave — fondo general */
  --bg-soft:   #DAD2BF;   /* Lino cálido — secciones alternas */
  --text:      #5C3D2A;   /* Terracota texto — legibilidad */
  --muted:     #958B68;   /* Oliva seco — texto secundario */
  --white:     #ffffff;

  --gold:      #C5A78D;   /* Arena cálida — acento, íconos */
  --warm:      #9C6A4F;   /* Café arcilla — acento secundario */

  --font-serif: 'Pinyon Script', cursive;
  --font-sans:  'Poppins', sans-serif;
}


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


/* ─────────────────────────────────────────────
   3. HERO
   ───────────────────────────────────────────── */
:root {
  --hero-overlay:   rgba(92, 61, 42, 0.38);
  --hero-text:      #FFFFFF;
  --hero-ampersand: #C5A78D;
}


/* ─────────────────────────────────────────────
   4. CONTADOR
   ───────────────────────────────────────────── */
:root {
  --countdown-bg:          #DAD2BF;
  --countdown-date-color:  #5C3D2A;
  --countdown-label-color: #958B68;
  --countdown-numbers:     #5C3D2A;
  --countdown-units:       #958B68;
  --countdown-divider:     rgba(92, 61, 42, 0.18);
}


/* ─────────────────────────────────────────────
   5. BIENVENIDA
   ───────────────────────────────────────────── */
:root {
  --welcome-bg:           #E8E8E6;
  --welcome-intro-color:  #958B68;
  --welcome-divider:      #C5A78D;
  --welcome-name-color:   #9C6A4F;
}


/* ─────────────────────────────────────────────
   6. ITINERARIO
   ───────────────────────────────────────────── */
:root {
  --itinerary-bg:             #6B4233;
  --itinerary-text:           #E8E8E6;
  --itinerary-icon-fill:      #C5A78D;
  --itinerary-btn-border:     rgba(197, 167, 141, 0.50);
  --itinerary-btn-hover-bg:   #9C6A4F;
  --itinerary-btn-hover-text: #FFFFFF;
}


/* ─────────────────────────────────────────────
   7. DRESS CODE
   ───────────────────────────────────────────── */
:root {
  --dresscode-bg:           #E8E8E6;
  --dresscode-kicker:       #9C6A4F;
  --dresscode-title:        #5C3D2A;
  --dresscode-style-color:  #958B68;
  --dresscode-desc:         #958B68;
  --dresscode-divider:      rgba(197, 167, 141, 0.35);
}


/* ─────────────────────────────────────────────
   8. REGALOS / MESA DE REGALOS
   ───────────────────────────────────────────── */
:root {
  --gifts-bg:           #DAD2BF;
  --gifts-kicker:       #5C3D2A;
  --gifts-title:        #5C3D2A;
  --gifts-text:         #958B68;
  --gifts-btn-border:   #9C6A4F;
  --gifts-btn-hover-bg: #6B4233;
  --gifts-copy-border:  #9C6A4F;
  --gifts-copy-hover:   #6B4233;
  --gifts-copy-msg:     #958B68;
}


/* ─────────────────────────────────────────────
   9. HOSPEDAJE — comentado en esta invitación
   ───────────────────────────────────────────── */
:root {
  --stay-bg:            #E8E8E6;
  --stay-kicker:        #9C6A4F;
  --stay-title:         #5C3D2A;
  --stay-card-bg:       #DAD2BF;
  --stay-card-title:    #5C3D2A;
  --stay-location:      #958B68;
  --stay-btn-border:    #C5A78D;
  --stay-btn-solid-bg:  #6B4233;
}


/* ─────────────────────────────────────────────
   10. TRANSPORTACIÓN — comentado en esta invitación
   ───────────────────────────────────────────── */
:root {
  --transport-bg:           #DAD2BF;
  --transport-kicker:       #5C3D2A;
  --transport-title:        #5C3D2A;
  --transport-text:         #958B68;
  --transport-card-bg:      #E8E8E6;
  --transport-divider:      #C5A78D;
  --transport-btn-border:   #9C6A4F;
  --transport-btn-solid-bg: #6B4233;
}


/* ─────────────────────────────────────────────
   11. CLIMA
   ───────────────────────────────────────────── */
:root {
  --weather-bg:    #E8E8E6;
  --weather-text:  #958B68;
  --weather-city:  #958B68;
}


/* ─────────────────────────────────────────────
   12. QUÉ HACER EN LA CIUDAD — no usado
   ───────────────────────────────────────────── */
:root {
  --city-bg:       #DAD2BF;
  --city-card-bg:  #E8E8E6;
  --city-kicker:   #5C3D2A;
  --city-title:    #5C3D2A;
}


/* ─────────────────────────────────────────────
   13. AVISO — SOLO ADULTOS
   ───────────────────────────────────────────── */
:root {
  --adults-bg:     #9C6A4F;
  --adults-text:   #E8E8E6;
  --adults-kicker: #DAD2BF;
}


/* ─────────────────────────────────────────────
   14. RSVP / FORMULARIO
   ───────────────────────────────────────────── */
:root {
  --rsvp-bg:              #E8E8E6;
  --rsvp-input-bg:        #DAD2BF;
  --rsvp-input-border:    #C5A78D;
  --rsvp-label-color:     #958B68;
  --rsvp-success-color:   #9C6A4F;
  --rsvp-btn-bg:          #6B4233;
  --rsvp-btn-text:        #FFFFFF;
}


/* ─────────────────────────────────────────────
   15. GALERÍA
   ───────────────────────────────────────────── */
:root {
  --gallery-bg:          #6B4233;
  --gallery-placeholder: #9C6A4F;
  --gallery-kicker:      #C5A78D;
  --gallery-title:       #E8E8E6;
}


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


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


/* ─────────────────────────────────────────────
   18. BOTÓN DE MÚSICA (flotante)
   ───────────────────────────────────────────── */
:root {
  --music-btn-bg:         rgba(232, 232, 230, 0.92);
  --music-btn-border:     #C5A78D;
  --music-btn-text:       #5C3D2A;
  --music-btn-hover-bg:   #6B4233;
  --music-btn-hover-text: #FFFFFF;
}


/* ─────────────────────────────────────────────
   19. BOTONES GLOBALES
   ───────────────────────────────────────────── */
:root {
  --btn-primary-bg:       #6B4233;
  --btn-primary-text:     #FFFFFF;
  --btn-secondary-border: #9C6A4F;
  --btn-secondary-text:   #5C3D2A;
}