/**
 * Generado dinámicamente. Para cambiar los colores de marca, edita
 * /admin -> Contenido -> "Colores"; no modifiques este archivo a mano.
 */
:root {
    /* Marca */
    --color-primario: #8b4513;
    --color-primario-oscuro: #654321;
    /* Mismo --color-primario en componentes R, G, B: para usar con
       rgba(var(--color-primario-rgb), alfa) en sombras/overlays, ya que
       CSS no permite extraer los componentes de un var() en hexadecimal. */
    --color-primario-rgb: 139, 69, 19;

    /* Texto y neutros */
    --color-texto: #333;
    --color-texto-claro: #666;
    --color-texto-muted: #999;
    --color-borde: #ddd;
    --color-borde-claro: #ccc;
    --color-fondo-claro: #f5f5f5;
    --color-fondo-claro-2: #f0f0f0;
    --color-blanco: #FFFFFF;
    --color-negro: #000000;

    /* Estados: éxito */
    --color-exito: #28a745;
    --color-exito-oscuro: #218838;
    --color-exito-fondo: #d4edda;
    --color-exito-borde: #c3e6cb;
    --color-exito-texto: #155724;

    /* Botones de acción de compra (Ver fechas disponibles, Comprar,
       Finalizar compra): separados de --color-exito para poder cambiarlos
       sin afectar a los mensajes de éxito genéricos del sitio. */
    --color-boton-comprar: #28a745;
    --color-boton-comprar-oscuro: #218838;

    /* Estados: error */
    --color-error: #dc3545;
    --color-error-oscuro: #c82333;
    --color-error-fondo: #f8d7da;
    --color-error-borde: #f5c6cb;
    --color-error-texto: #721c24;

    /* Estados: advertencia / info */
    --color-advertencia: #ffc107;
    --color-info-fondo: #e8f4f8;

    /* Botón secundario (gris) */
    --color-secundario: #6c757d;
    --color-secundario-oscuro: #5a6268;

    /* Redes sociales */
    --color-whatsapp: #25D366;
    --color-whatsapp-oscuro: #1da85c;
}