:root {
    --bs-primary: #302451;
    --bs-primary-rgb: 48, 36, 81;
    --bs-primary-rgb-custom: rgba(48, 36, 81, 0.10);
    --bs-btn-border-color: #302451;
    --bs-primary-hover: #2a2047;
    --bs-hover-color: #302451;
    --bs-alert-bg: #302451;
    --custom-hover-theme: #302451;
    --bs-primary-contrast: #ffffff;
    --bs-menu-active-border: #302451;
    --bs-pagination-bg: #302451;
    --bs-pagination-hover-bg: #dedce3;
    --bs-nav-bg: #ffffff;
    --bs-side-nav-bg: #272145;
    --bs-btn-hover-bg: #eeedf1;
    --bs-nav-link-hover-color: #302451;
    --bs-sidebar-toggle-bar: #ffffff;
    --bs-dropdown-top-angle: #302451;
    --bs-card-bg: #ffffff;
    --bs-side-menu-bg: #272145;
    --bs-side-menu-color: #ffffff;
    --bs-table-bg: #ffffff;
    --bs-tab-heading-bg: #f6f7f9;
    --bs-fd-tab-content: #ffffff;
    --bs-fd-tab-content-hover: #f8f9fb;

    --ss-primary: #302451;
    --ss-primary-rgb: 48, 36, 81;
    --ss-primary-hover: #2a2047;
    --ss-primary-active: #251c3f;
    --ss-primary-strong: #251c3f;
    --ss-primary-soft: #eeedf1;
    --ss-primary-soft-hover: #dedce3;
    --ss-primary-contrast: #ffffff;
    --ss-shell-bg: #272145;
    --ss-shell-hover-bg: #231e3f;
    --ss-shell-active-bg: #201b39;
    --ss-shell-submenu-bg: #221d3c;
    --ss-shell-border: #1e1934;
    --ss-shell-color: #ffffff;
    --ss-shell-muted: #9390a2;
    --ss-surface: #ffffff;
    --ss-surface-muted: #f8f9fb;
    --ss-surface-hover: #eeedf1;
    --ss-surface-border: #e5e8ec;
    --ss-text: #333333;
    --ss-muted-text: #66717d;
}