/* =============================================================
   THEME.CSS — Gloria & Humberto  (v1)
   PALETA:
   #F5F5F3   → Blanco roto          (fondo principal)
   #EBE2D8   → Crema cálido         (secciones alternas)
   #4A4438   → Café oscuro cálido   (texto principal, secciones oscuras)
   #A8A996   → Verde grisáceo       (texto muted, íconos, acento)
   #C7A087   → Terracota claro      (acento secundario, hover)
   #DAB9A4   → Beige rosado         (divisores, detalles)
   ============================================================= */


/* ─────────────────────────────────────────────
   1. PALETA GLOBAL
   ───────────────────────────────────────────── */
:root {
  --bg:        #F5F5F3;   /* Blanco roto — fondo general */
  --bg-soft:   #EBE2D8;   /* Crema cálido — secciones alternas */
  --text:      #4A4438;   /* Café oscuro — texto principal */
  --muted:     #A8A996;   /* Verde grisáceo — texto secundario */
  --white:     #ffffff;

  --gold:      #A8A996;   /* Verde grisáceo — acento principal, íconos */
  --warm:      #C7A087;   /* Terracota claro — acento secundario */

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


/* ─────────────────────────────────────────────
   2. HEADER / BARRA DE NAVEGACIÓN
   ───────────────────────────────────────────── */
:root {
  --nav-bg:           rgba(74, 68, 56, 0.25);
  --nav-bg-scrolled:  rgba(74, 68, 56, 0.95);
  --nav-text:         #F5F5F3;
  --nav-hamburger:    #F5F5F3;
  --nav-dropdown-bg:  rgba(74, 68, 56, 0.97);
}


/* ─────────────────────────────────────────────
   3. HERO
   ───────────────────────────────────────────── */
:root {
  --hero-overlay:   rgba(74, 68, 56, 0.35);
  --hero-text:      #F5F5F3;
  --hero-ampersand: #DAB9A4;
}


/* ─────────────────────────────────────────────
   4. CONTADOR
   ───────────────────────────────────────────── */
:root {
  --countdown-bg:          #EBE2D8;
  --countdown-date-color:  #4A4438;
  --countdown-label-color: #4A4438;
  --countdown-numbers:     #4A4438;
  --countdown-units:       #A8A996;
  --countdown-divider:     rgba(74, 68, 56, 0.15);
}


/* ─────────────────────────────────────────────
   5. BIENVENIDA
   ───────────────────────────────────────────── */
:root {
  --welcome-bg:           #F5F5F3;
  --welcome-intro-color:  #A8A996;
  --welcome-divider:      #DAB9A4;
  --welcome-name-color:   #A8A996;
}


/* ─────────────────────────────────────────────
   6. ITINERARIO
   ───────────────────────────────────────────── */
:root {
  --itinerary-bg:             #4A4438;
  --itinerary-text:           #EBE2D8;
  --itinerary-icon-fill:      #DAB9A4;
  --itinerary-btn-border:     rgba(235, 226, 216, 0.45);
  --itinerary-btn-hover-bg:   #C7A087;
  --itinerary-btn-hover-text: #F5F5F3;
}


/* ─────────────────────────────────────────────
   7. DRESS CODE
   ───────────────────────────────────────────── */
:root {
  --dresscode-bg:           #F5F5F3;
  --dresscode-kicker:       #A8A996;
  --dresscode-title:        #4A4438;
  --dresscode-style-color:  #C7A087;
  --dresscode-desc:         #A8A996;
  --dresscode-divider:      rgba(168, 169, 150, 0.20);
}


/* ─────────────────────────────────────────────
   8. REGALOS / MESA DE REGALOS
   ───────────────────────────────────────────── */
:root {
  --gifts-bg:           #EBE2D8;
  --gifts-kicker:       #4A4438;
  --gifts-title:        #4A4438;
  --gifts-text:         #4A4438;
  --gifts-btn-border:   #4A4438;
  --gifts-btn-hover-bg: #4A4438;
  --gifts-copy-border:  #4A4438;
  --gifts-copy-hover:   #4A4438;
  --gifts-copy-msg:     #A8A996;
}


/* ─────────────────────────────────────────────
   9. HOSPEDAJE — sección desactivada
   Variables conservadas para activar en el futuro
   ───────────────────────────────────────────── */
:root {
  --stay-bg:            #F5F5F3;
  --stay-kicker:        #F5F5F3;
  --stay-title:         #F5F5F3;
  --stay-card-bg:       #EBE2D8;
  --stay-card-title:    #4A4438;
  --stay-location:      #A8A996;
  --stay-btn-border:    #A8A996;
  --stay-btn-solid-bg:  #4A4438;
}


/* ─────────────────────────────────────────────
   10. TRANSPORTACIÓN — sección desactivada
   Variables conservadas para activar en el futuro
   ───────────────────────────────────────────── */
:root {
  --transport-bg:           #EBE2D8;
  --transport-kicker:       #4A4438;
  --transport-title:        #4A4438;
  --transport-text:         #4A4438;
  --transport-card-bg:      #F5F5F3;
  --transport-divider:      #DAB9A4;
  --transport-btn-border:   #A8A996;
  --transport-btn-solid-bg: #4A4438;
}


/* ─────────────────────────────────────────────
   11. CLIMA / PRONÓSTICO
   ───────────────────────────────────────────── */
:root {
  --weather-bg:       #F5F5F3;
  --weather-text:     #A8A996;
  --weather-city:     #4A4438;
}


/* ─────────────────────────────────────────────
   12. AVISO — SOLO ADULTOS
   ───────────────────────────────────────────── */
:root {
  --adults-bg:     #4A4438;
  --adults-text:   #F5F5F3;
  --adults-kicker: #DAB9A4;
}


/* ─────────────────────────────────────────────
   13. RSVP / FORMULARIO
   ───────────────────────────────────────────── */
:root {
  --rsvp-bg:              #F5F5F3;
  --rsvp-input-bg:        #EBE2D8;
  --rsvp-input-border:    #DAB9A4;
  --rsvp-label-color:     #A8A996;
  --rsvp-success-color:   #A8A996;
  --rsvp-btn-bg:          #4A4438;
  --rsvp-btn-text:        #F5F5F3;
}


/* ─────────────────────────────────────────────
   14. GALERÍA
   ───────────────────────────────────────────── */
:root {
  --gallery-bg:          #4A4438;
  --gallery-placeholder: #3D3732;
  --gallery-kicker:      #DAB9A4;
  --gallery-title:       #EBE2D8;
}


/* ─────────────────────────────────────────────
   15. HASHTAG — sección desactivada
   Variables conservadas para activar en el futuro
   ───────────────────────────────────────────── */
:root {
  --hashtag-overlay: rgba(74, 68, 56, 0.60);
  --hashtag-text:    #F5F5F3;
}


/* ─────────────────────────────────────────────
   16. FOOTER
   ───────────────────────────────────────────── */
:root {
  --footer-bg:   #4A4438;
  --footer-text: #DAB9A4;
}


/* ─────────────────────────────────────────────
   17. BOTÓN DE MÚSICA (flotante)
   ───────────────────────────────────────────── */
:root {
  --music-btn-bg:         rgba(245, 245, 243, 0.92);
  --music-btn-border:     #DAB9A4;
  --music-btn-text:       #4A4438;
  --music-btn-hover-bg:   #4A4438;
  --music-btn-hover-text: #F5F5F3;
}


/* ─────────────────────────────────────────────
   18. BOTONES GLOBALES
   ───────────────────────────────────────────── */
:root {
  --btn-primary-bg:       #4A4438;
  --btn-primary-text:     #F5F5F3;
  --btn-secondary-border: #A8A996;
  --btn-secondary-text:   #4A4438;
}