:root{
--base-h: 210;
--base-s: 50%;
--base-l: 40%;
--base-two-h: 210;
--base-two-s: 50%;
--base-two-l: 40%;
}

:root:has(.agent-dashboard){
    --base-h: 173;
    --base-s: 80%;
    --base-l: 40%;
}
.dashboard.agent-dashboard .sidebar-menu-list__item.active>a {
    background: #14b8a6;
}
:root:has(.merchant-dashboard){
    --base-h: 173;
    --base-s: 80%;
    --base-l: 40%;
}
.dashboard.merchant-dashboard .sidebar-menu-list__item.active>a {
    background: #14b8a6;
}