// =============================================================================
// Paleta de marca (EGURROLA / app) — referencia central para UI
// Usar estas variables en componentes, avisos y acentos en lugar de colores sueltos.
// =============================================================================

$app-brand-gold: #d69a5d;
$app-brand-gold-light: #f7efe6;
$app-brand-gold-border: #c98a4d;
$app-brand-text-on-light: #4a3a2a;
$app-brand-text-strong: #3d2f22;

// Avisos informativos (reemplazo de alert bootstrap genérico en módulos propios)
.app-notice {
    border-radius: 5px;
    padding: 0.9375rem;
    margin-bottom: 15px;
    border: 1px solid $app-brand-gold-border;
    background-color: $app-brand-gold-light;
    color: $app-brand-text-on-light;

    strong {
        color: $app-brand-text-strong;
    }

    .form-check-label {
        color: $app-brand-text-on-light;
    }
}

// FAB "Ir a pagar" (catálogo / tienda en línea) — colores de marca
.tienda-fab-pagar {
    color: #fff !important;
    background-color: $app-brand-gold;
    border: 2px solid $app-brand-gold-border;

    &:hover {
        color: #fff !important;
        background-color: $app-brand-gold-border;
        filter: none;
    }
}