/* =========================================================================
   🎨 PALETA DE COLORES — ALDEA DE MONTAÑA
   -------------------------------------------------------------------------
   Este es el ÚNICO archivo que tenés que tocar para cambiar los colores
   de toda la página. Cambiá el valor (#xxxxxx) y se actualiza en todo
   el sitio: botones, títulos, fondos, footer, calendario, chat, etc.

   Tip: podés usar cualquier formato válido: #hex, rgb(), hsl().
   Los colores de marca salen del logo (verde, naranja y azul).
   ========================================================================= */

:root {
    /* ---------- 1. COLORES DE MARCA ---------- */
    --color-primario:        #1F4D36;  /* Verde bosque: títulos, botones principales, menú */
    --color-primario-oscuro: #143726;  /* Hover de botones principales y fondo del footer */
    --color-primario-claro:  #00A12C;  /* Verde del logo: detalles, íconos, check */
    --color-acento:          #FDA200;  /* Naranja del logo: botón "Reservar", destacados */
    --color-acento-oscuro:   #E08E00;  /* Hover del botón de acento */
    --color-secundario:      #005BA2;  /* Azul del logo (lago): enlaces y detalles */

    /* ---------- 2. FONDOS ---------- */
    --color-fondo:           #FAFAF7;  /* Fondo general de la página */
    --color-fondo-suave:     #F1F0EA;  /* Fondo de secciones alternas (Servicios, Reservas) */
    --color-superficie:      #FFFFFF;  /* Tarjetas, menú, paneles, cotizador */
    --color-footer:          #143726;  /* Fondo del pie de página */
    --color-footer-texto:    #DCE6DF;  /* Texto del pie de página */

    /* ---------- 3. TEXTOS ---------- */
    --color-texto:           #2B2B2B;  /* Texto principal */
    --color-texto-suave:     #5F6661;  /* Descripciones y textos secundarios */
    --color-texto-claro:     #FFFFFF;  /* Texto sobre fotos o fondos oscuros */
    --color-borde:           #E3E3DD;  /* Bordes finos y divisores */

    /* ---------- 4. PORTADA (imagen principal) ---------- */
    /* Degradado que oscurece la foto para que se lea el texto blanco */
    --hero-degradado: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.55) 0%,
        rgba(0, 0, 0, 0.25) 40%,
        rgba(0, 0, 0, 0.35) 70%,
        rgba(0, 0, 0, 0.70) 100%
    );

    /* ---------- 5. CALENDARIO ---------- */
    --color-fecha-ocupada:   #D90429;  /* Rojo fuerte: fechas NO disponibles (tachadas) */
    --color-fecha-ocupada-fondo: #FDE8EB;
    --color-fecha-elegida:   #1F4D36;  /* Fechas seleccionadas */
    --color-fecha-rango:     #DCEBE1;  /* Días intermedios del rango elegido */

    /* ---------- 6. WHATSAPP ---------- */
    --color-whatsapp:        #25D366;  /* Botón verde de WhatsApp */
    --color-whatsapp-oscuro: #1EBE5A;
    --color-whatsapp-header: #095E54;  /* Cabecera del chat simulado */
    --color-whatsapp-fondo:  #E6DDD4;  /* Fondo del chat simulado */

    /* ---------- 7. ESTADOS ---------- */
    --color-exito:           #00A12C;
    --color-error:           #D90429;
    --color-sombra:          rgba(20, 35, 25, 0.12);
    --color-sombra-fuerte:   rgba(20, 35, 25, 0.22);
}