:root {
    --bg-header: #b3cde3;
    --bg-sidebar: #418fd3;
}

[data-bs-theme="dark"] {
    --bg-header: #05388b;
    --bg-sidebar: #1e293b;
}

.alert-error {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.header-navbar {
    background-color: var(--bg-header);
    box-shadow: 0 2px 6px 3px #6067936b;

}

.sidebar-panel {
    background-color: var(--bg-sidebar);
    transition: background-color 0.3s ease;
}