/* Paleta inspirada en el logo de Café Barichara: rojo vino, crema y amarillo. */
:root {
    --brand-maroon: #7A1212;
    --brand-maroon-dark: #560C0C;
    --brand-maroon-light: #A83232;
    --brand-cream: #FBF6EE;
    --brand-yellow: #F0CB4E;
    --brand-yellow-soft: #FCF0C4;
    --brand-text: #2E1A12;
}

body {
    background-color: var(--brand-cream);
    color: var(--brand-text);
}

.navbar-brand {
    font-weight: 700;
    letter-spacing: .02em;
}

.navbar-logo {
    border-radius: 6px;
    background: #fff;
    padding: 2px;
}

.login-logo {
    max-width: 220px;
    width: 60%;
}

table.table td, table.table th {
    vertical-align: middle;
}

@media (max-width: 576px) {
    .table-responsive-stack td {
        display: block;
        text-align: right;
    }
    .table-responsive-stack td::before {
        content: attr(data-label);
        float: left;
        font-weight: 600;
    }
}

.card-alerta {
    border-left: 4px solid var(--brand-maroon);
}

.card {
    border-color: rgba(122, 18, 18, .12);
}

.card-header {
    background-color: #fff;
    border-bottom: 2px solid var(--brand-yellow);
    font-weight: 600;
}

/* Remapea el color "success" de Bootstrap (usado como acción principal) a la marca */
.navbar.bg-success {
    background-color: var(--brand-maroon) !important;
}

.btn-success {
    --bs-btn-bg: var(--brand-maroon);
    --bs-btn-border-color: var(--brand-maroon);
    --bs-btn-hover-bg: var(--brand-maroon-dark);
    --bs-btn-hover-border-color: var(--brand-maroon-dark);
    --bs-btn-active-bg: var(--brand-maroon-dark);
    --bs-btn-active-border-color: var(--brand-maroon-dark);
    --bs-btn-disabled-bg: var(--brand-maroon);
    --bs-btn-disabled-border-color: var(--brand-maroon);
}

.btn-outline-success {
    --bs-btn-color: var(--brand-maroon);
    --bs-btn-border-color: var(--brand-maroon);
    --bs-btn-hover-bg: var(--brand-maroon);
    --bs-btn-hover-border-color: var(--brand-maroon);
    --bs-btn-active-bg: var(--brand-maroon);
    --bs-btn-active-border-color: var(--brand-maroon);
}

.badge.bg-success {
    background-color: var(--brand-maroon) !important;
}

.alert-success {
    --bs-alert-color: #4a3200;
    --bs-alert-bg: var(--brand-yellow-soft);
    --bs-alert-border-color: var(--brand-yellow);
}

.text-success {
    color: var(--brand-maroon) !important;
}

a {
    color: var(--brand-maroon);
}
a:hover {
    color: var(--brand-maroon-dark);
}