:root,
[data-bs-theme="dark"] {
    --bs-font-sans-serif: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-primary: #9934c4;
    --bs-primary-rgb: 153, 52, 196;
    --bs-link-color: #9934c4;
    --bs-link-hover-color: #b55ad8;
    --bs-body-bg: #0e0d19;
    --bs-body-color: #ffffff;
    --bs-secondary-bg: #211246;
    --bs-tertiary-bg: #211246;
    --bs-border-color: #211246;
    --bs-dark: #0e0d19;
    --bs-dark-rgb: 14, 13, 25;
    --bs-light: #211246;
    --bs-light-rgb: 33, 18, 70;
    --bs-gray-100: #211246;
    --bs-gray-200: #211246;
    --bs-gray-300: #ffffff;
    --bs-gray-500: #ffffff;
    --bs-gray-800: #ffffff;
}

body {
    font-family: var(--bs-body-font-family);
    background-color: #0e0d19;
    color: #ffffff;
}

a,
.text-primary,
.link-primary {
    color: #9934c4 !important;
}

a:hover,
.link-primary:hover {
    color: #b55ad8 !important;
}

.bg-primary,
.btn-primary,
.badge.bg-primary {
    background-color: #9934c4 !important;
    border-color: #9934c4 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #b55ad8 !important;
    border-color: #b55ad8 !important;
}

.btn-outline-primary {
    color: #9934c4 !important;
    border-color: #9934c4 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #9934c4 !important;
    border-color: #9934c4 !important;
    color: #ffffff !important;
}

.card,
.modal-content,
.offcanvas,
.dropdown-menu,
.table,
.bg-light,
.text-bg-light {
    background-color: #211246 !important;
    border-color: #211246 !important;
}

.bg-primary-dark,
.bg-primary-gradient,
.gradient,
[class*="gradient"] {
    background: linear-gradient(135deg, #0e0d19 0%, #211246 55%, #9934c4 100%) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #9934c4 !important;
    box-shadow: 0 0 0 0.2rem rgba(153, 52, 196, 0.25) !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.nav-pills .nav-link.active {
    color: #9934c4 !important;
}