:root {
    --verde-oscuro: #1f4038;
    --verde-medio: #2f5d50;
    --fondo: #f5f6f4;
    --estado-cargado: #2e7d32;
    --estado-falta: #c62828;
    --estado-anulado: #757575;
    --estado-no-tiene: #607d8b;
}

body {
    background-color: var(--fondo);
    color: #212529;
}

.navbar-al-dia {
    background-color: var(--verde-oscuro);
}

.navbar-al-dia .navbar-brand,
.navbar-al-dia .nav-link {
    color: #f5f6f4;
}

.navbar-al-dia .nav-link.disabled {
    color: rgba(245, 246, 244, 0.45);
}

.navbar-al-dia .nav-link:hover:not(.disabled) {
    color: #ffffff;
}

.card {
    border: 1px solid #dee2e6;
}

.badge-cargado,
.badge-falta,
.badge-anulado,
.badge-no-tiene {
    color: #fff;
}

.badge-cargado {
    background-color: var(--estado-cargado);
}

.badge-falta {
    background-color: var(--estado-falta);
}

.badge-anulado {
    background-color: var(--estado-anulado);
}

.badge-no-tiene {
    background-color: var(--estado-no-tiene);
}

.btn-primary {
    background-color: var(--verde-oscuro);
    border-color: var(--verde-oscuro);
}

.btn-primary:hover {
    background-color: var(--verde-medio);
    border-color: var(--verde-medio);
}