:root {
    --brand-primary: #d8a071;
    --brand-secondary: #5175bf;
    --brand-primary-contrast: #ffffff;
    --brand-primary-hover: color-mix(in srgb, var(--brand-primary) 85%, black);
    --sidebar-bg: var(--brand-secondary);
    --submenu-bg: color-mix(in srgb, var(--brand-secondary) 88%, black);
    --hover-bg: color-mix(in srgb, var(--brand-secondary) 76%, black);

    --bs-primary: var(--brand-primary);
    --bs-primary-rgb: 216, 160, 113;
    --primary: var(--brand-primary);
    --secondary: var(--brand-secondary);
    --gold: var(--brand-primary);
    --gold-dark: var(--brand-primary);
}

.btn-primary,
.bg-primary,
.badge-primary,
.pro-bg-primary,
.pro-bg-light,
.badge-light,
.text-primary,
.border-primary,
.btn-primary-save-bg,
.settings-btns .btn-orange,
.search-student-btn .btn-primary,
.download-grp .btn-primary,
.settings-form .social-icon,
.settings-form .trash,
.settings-btn .upload,
.add-links,
.check:checked + .checktoggle,
.nav-tabs.menu-tabs .nav-item.active .nav-link,
.nav-tabs.menu-tabs .nav-link:hover,
#toggle_btn,
.mobile_btn,
.user-menu.nav > li > a,
.actions a:hover,
.user-menu.nav > li > a .badge {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-primary-contrast) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:disabled,
.btn-primary-save-bg:hover,
.settings-btns .btn-orange:hover,
.search-student-btn .btn-primary:hover,
.download-grp .btn-primary:hover,
.settings-form .social-icon:hover,
.settings-form .trash:hover,
.settings-btn .upload:hover,
.add-links:hover,
.actions a:hover,
.nav-tabs.menu-tabs .nav-link:hover {
    background-color: var(--brand-primary-hover, var(--brand-primary)) !important;
    border-color: var(--brand-primary-hover, var(--brand-primary)) !important;
    color: var(--brand-primary-contrast) !important;
}

.btn-outline-primary {
    color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-primary-contrast) !important;
}

a {
    color: var(--brand-primary);
}

a:hover {
    color: var(--brand-primary-hover, var(--brand-primary));
}

.bg-primary-light {
    background-color: color-mix(in srgb, var(--brand-primary) 12%, white) !important;
    color: var(--brand-primary) !important;
}

.badge-soft-primary {
    color: var(--brand-primary) !important;
    background-color: color-mix(in srgb, var(--brand-primary) 12%, white) !important;
}

.badge-outline-primary {
    color: var(--brand-primary) !important;
    border: 1px solid var(--brand-primary) !important;
    background-color: transparent !important;
}

.badge-gradient-primary {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-hover, var(--brand-primary)) 100%) !important;
}

.sidebar,
.sidebar .sidebar-menu ul li a:hover,
.sidebar .sidebar-menu ul li.active > a,
.sidebar .submenu ul li.active > a {
    background-color: var(--brand-secondary);
}

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

.sidebar .submenu,
.sidebar-inner {
    background-color: var(--submenu-bg);
}

.sidebar .menu-title span,
.sidebar .sidebar-menu ul li a,
.sidebar .sidebar-menu i,
.sidebar .submenu ul li a {
    color: var(--brand-primary);
}

.sidebar .sidebar-menu ul li a:hover,
.sidebar .sidebar-menu ul li.active > a,
.sidebar .submenu ul li.active > a {
    background-color: var(--brand-primary);
    color: #ffffff;
}

.sidebar .submenu ul li a:hover {
    color: #ffffff;
}

.sidebar-inner::-webkit-scrollbar-thumb {
    background-color: var(--brand-primary);
}

.form-control:focus {
    border-color: var(--brand-primary) !important;
}