/* ====== Custom Bootstrap Overrides ====== */
/* Custom Primary Theme */
:root {
--theme-primary: #ffc107;   /* e.g. dark green */
--theme-secondary: #6c757d;
--theme-warning: #ffc107;
--theme-danger: #dc3545;
--theme-info: #0dcaf0;
--theme-success: #4caf50;
--theme-light: #f8f9fa;
--theme-dark: #212529;
--text-light: #fff;
--text-dark: #212529;
--sidebar-bg: #f0f4f7;
}
/* Change default Bootstrap button colors */
.btn-primary {
background-color: var(--theme-primary) !important;
border-color: var(--theme-primary) !important;
color: #fff;
}
.btn-primary:hover {
background-color: #146c43 !important;
border-color: #13653f !important;
}
/* Custom secondary button */
.btn-secondary {
background-color: var(--theme-secondary) !important;
border-color: var(--theme-secondary) !important;
color: #fff;
}
.btn-secondary:hover {
background-color: #5c636a !important;
border-color: #545b62 !important;
}
/* Custom background classes */
.bg-primary {
background-color: var(--theme-primary) !important;
color: #fff;
}
.bg-secondary {
background-color: var(--theme-secondary) !important;
color: #fff;
}
.bg-warning ,.btn-warning{
background-color: var(--theme-warning) !important;
color: #212529;
}
.bg-success,.btn-success {
  background-color:var(--theme-success) !important;; /* your custom color */
  color: #fff !important; /* optional: ensure text is visible */
}
.bg-dark {
background-color: var(--theme-dark) !important;
color: #fff;
}
/* Custom text colors */
.text-primary {
color: var(--theme-primary) !important;
}
.text-secondary {
color: var(--theme-secondary) !important;
}
.text-danger {
color: var(--theme-danger) !important;
}
/* Navbar or topbar customization */
.topbar {
background-color: var(--theme-primary);
color: var(--text-light);
padding: 0.75rem 1rem;
display: flex;
justify-content: space-between;
align-items: center;
}