:root {
    --bs-primary: #2A2739;
    --bs-secondary: #1abc9c;
    --bs-success: #28a745;
    --bs-info: #1abc9c;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;

    /* Colores personalizados del sidebar */
    --sidebar-bg: #2A2739;
    --sidebar-link: #cbd5e1;
    --sidebar-active-bg: #1abc9c;
}

.sidebar {
    background-color: var(--sidebar-bg) !important;
    background-image: none;
}

.bg-primary {
    background-color: var(--sidebar-bg) !important;
    color: white;
}

.bg-success,
.btn-primary {
    background-color: var(--bs-success) !important;
    color: white;
}

.navbar {
    background-color: var(--sidebar-bg) !important;
    color: white;
}

.sidebar .nav-item.active {
    background-color: var(--sidebar-active-bg) !important;
}

.sidebar .nav-item.active:hover {
    color: var(--bs-primary) !important;
}

.sidebar .nav-link {
    color: var(--sidebar-link) !important;
}

.sidebar .nav-link:hover {
    color: var(--bs-secondary) !important;
}