/* Universal text and body base color */
body,
.text-dark,
.text-body,
.text-muted,
.card,
.list-group-item,
.form-control,
.btn,
.nav-link,
.dropdown-item {
    color: #28292b !important;
}

body {
    background-color: #ffffff !important;
}

/* Backgrounds and dark components */
.bg-dark,
.dropdown-menu-dark,
.offcanvas-dark,
.modal-content.bg-dark,
.list-group-item.bg-dark {
    background-color: #28292b !important;
}

/* Navbar and buttons */
.navbar-dark,
.btn-dark {
    background-color: #28292b !important;
    border-color: #28292b !important;
    color: #fff !important;
}

/* Dropdowns and menus */
.dropdown-menu-dark {
    background-color: #28292b !important;
    color: #fff !important;
}

.dropdown-menu-dark .dropdown-item {
    color: #fff;
}

.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
    background-color: #3a3b3d !important;
}

/* Modals */
.modal-content.bg-dark {
    background-color: #28292b !important;
    color: #fff;
}

/* CSS Variables override (if supported in your setup) */
:root {
    --bs-body-color: #28292b;
    --bs-body-color-rgb: 40, 41, 43;
    --bs-dark: #28292b;
    --bs-dark-rgb: 40, 41, 43;
}




/* Primary color replacements */
:root {
    --bs-primary: #0000f5;
    --bs-primary-rgb: 18, 170, 255;
}

/* Buttons */
.btn-primary {
    background-color: #0000f5 !important;
    border-color: #0000f5 !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #0c91d6 !important;
    border-color: #0c91d6 !important;
}

/* Text */
.text-primary {
    color: #0000f5 !important;
}

/* Backgrounds */
.bg-primary {
    background-color: #0000f5 !important;
}

/* Alerts, badges, pagination, progress */
.alert-primary,
.badge.bg-primary,
.page-link.active,
.progress-bar.bg-primary {
    background-color: #0000f5 !important;
    border-color: #0000f5 !important;
    color: #fff !important;
}

/* Links */
a.text-primary,
a.text-primary:hover,
a.text-primary:focus {
    color: #0000f5 !important;
}

/* Form components */
.form-check-input:checked {
    background-color: #0000f5 !important;
    border-color: #0000f5 !important;
}

.form-range::-webkit-slider-thumb {
    background-color: #0000f5 !important;
}

.form-range::-moz-range-thumb {
    background-color: #0000f5 !important;
}

/* Outline primary button base */
.btn-outline-primary {
    color: #0000f5 !important;
    border-color: #0000f5 !important;
}

/* Hover/focus/active states */
.btn-outline-primary:hover {
    background-color: #0000f5 !important;
    border-color: #0000f5 !important;
    color: #fff !important;
}

/* Disabled outline primary (optional) */
.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: #0000f5 !important;
    background-color: transparent !important;
    border-color: #0000f5 !important;
    opacity: 0.65;
}




/* Update Bootstrap CSS variables */
:root {
    --bs-secondary: #4ea7f8;
    --bs-secondary-rgb: 0, 0, 255;
}

/* Buttons */
.btn-secondary {
    background-color: #4ea7f8 !important;
    border-color: #4ea7f8 !important;
    color: #fff !important;
}

.btn-secondary:hover {
    background-color: #0000cc !important;
    border-color: #0000cc !important;
}

/* Outline Buttons */
.btn-outline-secondary {
    color: #4ea7f8 !important;
    border-color: #4ea7f8 !important;
}

.btn-outline-secondary:hover {
    background-color: #4ea7f8 !important;
    color: #fff !important;
    border-color: #4ea7f8 !important;
}

/* Text */
.text-secondary {
    color: #4ea7f8 !important;
}

/* Backgrounds */
.bg-secondary {
    background-color: #4ea7f8 !important;
    color: #fff !important;
}

/* Badges, Alerts, etc. */
.badge.bg-secondary,
.alert-secondary,
.page-link.active,
.progress-bar.bg-secondary {
    background-color: #4ea7f8 !important;
    border-color: #4ea7f8 !important;
    color: #fff !important;
}

/* Links styled as secondary */
a.text-secondary,
a.text-secondary:hover,
a.text-secondary:focus {
    color: #4ea7f8 !important;
}





/* Update Bootstrap CSS variables */
:root {
    --bs-default: #d3dbe2;
    --bs-default-rgb: 211, 219, 226;
}

/* Buttons */
.btn-default {
    background-color: #d3dbe2 !important;
    border-color: #d3dbe2 !important;
    color: #000000 !important;
}

.btn-default:hover {
    background-color: #bfc9d3 !important; /* slightly darker shade for hover */
    border-color: #bfc9d3 !important;
    color: #000000 !important;
}

/* Outline Buttons */
.btn-outline-default {
    color: #000000 !important;
    border-color: #d3dbe2 !important;
}

.btn-outline-default:hover {
    background-color: #d3dbe2 !important;
    color: #000000 !important;
    border-color: #d3dbe2 !important;
}

/* Text */
.text-default {
    color: #000000 !important;
}

/* Backgrounds */
.bg-default {
    background-color: #d3dbe2 !important;
    color: #000000 !important;
}

/* Badges, Alerts, etc. */
.badge.bg-default,
.alert-default,
.page-link.active.bg-default,
.progress-bar.bg-default {
    background-color: #d3dbe2 !important;
    border-color: #d3dbe2 !important;
    color: #000000 !important;
}

/* Links styled as default */
a.text-default,
a.text-default:hover,
a.text-default:focus {
    color: #000000 !important;
}





/* Override Bootstrap light variables */
:root {
    --bs-light: #f3f3f3;
    --bs-light-rgb: 243, 243, 243;
}

/* Backgrounds */
.bg-light, .navbar-light {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

/* Text (used for .text-light, normally white) */
.text-light {
    color: #f3f3f3 !important;
}

/* Buttons */
.btn-light {
    background-color: #f3f3f3 !important;
    border-color: #f3f3f3 !important;
    color: #000 !important;
}

.btn-light:hover {
    background-color: #e0e0e0 !important;
    border-color: #e0e0e0 !important;
}

/* Outline button */
.btn-outline-light {
    color: #f3f3f3 !important;
    border-color: #f3f3f3 !important;
}

.btn-outline-light:hover {
    background-color: #f3f3f3 !important;
    color: #000 !important;
    border-color: #f3f3f3 !important;
}

/* Alerts, badges, pagination, progress */
.alert-light,
.badge.bg-light,
.progress-bar.bg-light,
.page-link.active.bg-light {
    background-color: #f3f3f3 !important;
    color: #000 !important;
}

/* Table and list group */
.table-light,
.list-group-item-light {
    background-color: #f3f3f3 !important;
    color: #000 !important;
}





/* Override Bootstrap danger variables */
:root {
    --bs-danger: #d55854;
    --bs-danger-rgb: 213, 88, 84;
}

/* Solid buttons */
.btn-danger {
    background-color: #d55854 !important;
    border-color: #d55854 !important;
    color: #fff !important;
}

.btn-danger:hover {
    background-color: #b94b48 !important;
    border-color: #b94b48 !important;
}

/* Outline buttons */
.btn-outline-danger {
    color: #d55854 !important;
    border-color: #d55854 !important;
}

.btn-outline-danger:hover {
    background-color: #d55854 !important;
    border-color: #d55854 !important;
    color: #fff !important;
}

/* Text */
.text-danger {
    color: #d55854 !important;
}

/* Backgrounds */
.bg-danger {
    background-color: #d55854 !important;
    color: #fff !important;
}

/* Alerts, badges, progress bars, pagination */
.alert-danger,
.badge.bg-danger,
.progress-bar.bg-danger,
.page-link.active.bg-danger {
    background-color: #d55854 !important;
    color: #fff !important;
    border-color: #d55854 !important;
}

/* Links styled as danger */
a.text-danger,
a.text-danger:hover,
a.text-danger:focus {
    color: #d55854 !important;
}

/* List groups and tables */
.table-danger,
.list-group-item-danger {
    background-color: #d55854 !important;
    color: #fff !important;
}



/* Bootstrap variable overrides */
:root {
    --bs-success: #80db78;
    --bs-success-rgb: 128, 219, 120;
}

/* Solid buttons */
.btn-success {
    background-color: #80db78 !important;
    border-color: #80db78 !important;
    color: #000 !important;
}

.btn-success:hover {
    background-color: #6cc867 !important;
    border-color: #6cc867 !important;
}

/* Outline buttons */
.btn-outline-success {
    color: #80db78 !important;
    border-color: #80db78 !important;
}

.btn-outline-success:hover {
    background-color: #80db78 !important;
    color: #000 !important;
    border-color: #80db78 !important;
}

/* Text */
.text-success {
    color: #80db78 !important;
}

/* Backgrounds */
.bg-success {
    background-color: #80db78 !important;
    color: #000 !important;
}

/* Alerts, badges, progress, pagination */
.alert-success,
.badge.bg-success,
.progress-bar.bg-success,
.page-link.active.bg-success {
    background-color: #80db78 !important;
    color: #000 !important;
    border-color: #80db78 !important;
}

/* Links styled as success */
a.text-success,
a.text-success:hover,
a.text-success:focus {
    color: #80db78 !important;
}

/* Tables and list groups */
.table-success,
.list-group-item-success {
    background-color: #80db78 !important;
    color: #000 !important;
}