:root, [data-theme=light] {

    --primary: rgb(21, 82, 152);
    --bs-primary: var(--primary);
    --bs-primary-rgb: 21, 82, 152;
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-primary);
    --bs-nav-link-color: #3a3a3a;

    --bs-card-color: var(--primary);
    --bg-color: #ececec;
    --text-color: #3a3a3a;
    --left-menu-bg: #ffffff;
    --bs-table-bg: #ffffff;
    --left-menu-text: #0d0d0d;
    --left-menu-border-right: #dedede;
    --profile-icon-bg: var(--primary);
    --profile-icon-color: #ffffff;
    --left-menu-item-bg: #0000000a;
    --switch-workspace-color: gray;
    --collapse-menu-color: #8f8f8f;
    --collapse-menu-hover-color: #00000012;
    --left-menu-dropdown-box-bg: #ffffff;

    --card-bg: #ffffff;
    --card-icon-color: var(--primary);
    --subTitle-color: #6c757d;
    --date-text-color: var(--primary);

    --breadcrumb-separator-color: rgba(33, 37, 41, 0.75);
    --breadcrumb-active-color: #6c757d;

    --table-bg-color: #ffffff;
    --table-text-secondary-color: #6c757d;
    --table-text-color: #000000;

    --notif-header-color: #3a3a3a;

    --form-control-bg: #ffffff;
    --border-color: #ced4da;
    --border-table-color: #dee2e6;

    

    
    
}

[data-theme="dark"] {

    --primary: #155298;
    --bs-primary: var(--primary);
    --bs-primary-rgb: 50,82,152;
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-primary);
    --bs-nav-link-color: #e0e0e0;


    --bg-color: #000000;
    --text-color: #e0e0e0;
    --left-menu-bg: #363636;
    --bs-table-bg: #2a2a2a;
    --left-menu-text: #f5f5f5;
    --left-menu-border-right: #2a2a2a;
    --profile-icon-bg: var(--primary);
    --profile-icon-color: #ffffff;
    --left-menu-item-bg: #2a2a2a;
    --switch-workspace-color: #cccccc;
    --collapse-menu-color: #b5b5b5;
    --collapse-menu-hover-color: #333333;
    --left-menu-dropdown-box-bg: #1f1f1f;

    --card-bg: #2a2a2a;
    --card-icon-color: #ffffff;
    --subTitle-color: #cfcfcf;
    --date-text-color: #a1a1a1;

    --breadcrumb-separator-color: rgba(255, 255, 255, 0.75);
    --breadcrumb-active-color: #cfcfcf;
    --table-bg-color: #2a2a2a;
    --table-text-secondary-color: #cfcfcf;
    --table-text-color: #ffffff;

    --notif-header-color: #3a3a3a;

    --form-control-bg: #3a3a3a;
    --border-color: #555555;
    --border-table-color: #555555;

}