:root {
    --white-color: #ffffff;
    --black-color: #000000;
    --main-color-1: #1801a7;
    --main-color-2: #4943C9;
    --body-bg: #f5f6fa;

    --info-color: #101820;
    --title-color: #221E20;

    --icon-bg: #E8E7FF;
    --icon-color: #00ff7f;

    --header-bg: #ffffff;
    --header-color-1: #130954;
    --header-color-2: #1801a7;
    --header-color-3: #130954;
    --toggler-color: #1801a7;
    --header-hover: #1801a7;
    --header-hover-color: #ffffff;
    --header-icon-color-1: #444444;
    --header-icon-color-2: #130954;

    --button-color: #ffffff;
    --button-bg: #1801a7;
    --button-hover-bg: #17123d;
    --button-hover-color: #ffffff;

    --sidebar-bg: #ffffff;
    --sidebar-color: #1801a7;
    --sidebar-active: #ffffff;
    --sidebar-hover: #1801a7;
    --sidebar-hover-color: #ffffff;
    --sidebar-border: #E8E8E8;

    --item-bg-1: #ffffff;
    --item-bg-2: #17123d;
    --item-bg-3: #ffffff;
    --item-color-1: #17123d;
    --item-color-2: #00ff7f;
    --item-color-3: #ff4538;
    --item-color-4: #444444;
    --item-color-5: #008000;
    --item-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

    --box-shadow-1: 0 2px 8px rgba(0, 0, 0, 0.1);

    --progress-1: #ff4538;
    --progress-2: #00ff7f;
    --progress-3: #cf18c3;
    --progress-4: #20c997;
    --progress-5: #1801a7;
    --progress-6: #968f8f;

    --color-1: #000000;
    --color-2: #ffffff;
    --color-3: #1801a7;
    --color-4: #ff4538;
    --color-5: #ffffff;

    --tracking-active-bg: #e3f2fd;
    --tracking-hover-bg: #d8dcdf;

    /* --client-table-bg-1: #130954;
    --client-table-bg-2: #17123d;
    --client-table-bg-3: #00ff7f;
    --client-table-border: #00ff7f;
    --client-table-color-1: #ffffff;
    --client-table-color-2: #fd2f2f;
    --client-table-color-3: #1801a7; */

    --main-chart-bg-1: #ffffff;
    --main-chart-bg-2: #130954;
    --main-chart-bg-3: #ffffff;
    --main-chart-button-bg-1: #00ff7f;
    --main-chart-button-bg-2: #130954;
    --main-chart-button-color-1: #00ff7f;
    --main-chart-button-color-2: #130954;
    --main-chart-border: rgba(255, 255, 255, 0.05);
    --chart-line-color: #00ff7f;
    --chart-color-1: #ffffff;
    --chart-color-2: rgba(255, 255, 255, 0.5);
    --chart-color-3: #17123d;
    --chart-color-4: #000000;

    --modal-bg-1: #ffffff;
    --modal-bg-2: #ffffff;
    --modal-border: #00ff7f;
    --modal-color-1: #000000;
    --modal-color-2: #1801a7;
    --modal-button-bg-1: #00ff7f;
    --modal-button-bg-2: #1801a7;
    --modal-button-color-1: #130954;
    --modal-button-color-2: #ffffff;

    --table-header-bg: #f4fcfe;
    --table-header-color: #022548;
    --table-tabActive-bg: #ffffff;
    --table-tab-border: #1801a7;
    --table-tabHover-color: #ff4538;
    --table-head-color: #1801a7;
    --table-head-bg: #FFFBDE;
    --table-body-bg: #ffffff;
    --table-bodyHover-bg: #f8f9fa;
    --table-body-color: #022548;
    --table-body-info-color: #6c757d;
    --table-border: #EBEBEB;
    --table-action-btn0: #3B060A;
    --table-action-btn1: #093FB4;
    --table-action-btn2: #03A6A1;
    --table-action-btn3: #ff4538;
    --table-scroll-bg: #D9D9D9;
    --table-scrollbar: #919191;

    --search-input-border: #1801a7;
    --search-input-bg: #ffffff;
    --search-input-color: #022548;
    --search-input-icon: #1801a7;


    --info-color-1: #231F20;
    --info-color-2: #3E3F40;

    --form-title: #101820;
    --label-color: #231F20;
    --input-color: #A4A4A4;
    --select-color: #A4A4A4;
    --input-border: #86888A;
    --select-border: #86888A;
    --input-focus-border: #1801a7;
    --select-focus-border: #1801a7;

    --progress-bg: #c4c3cb;
    --progress-border: #4842C6;
    --progress-color: #5D6D86;

    --button-bg-1: #26227D;
    --button-hover-bg-1: #161358;
    --button-color-1: #FFFFFF;
    --button-border: #26227D;
    --button-bg-2: #ffffff;
    --button-color-2: #26227D;
    --button-hover-bg-2: #26227D;
    --button-hover-color-2: #ffffff;

    --profile-border: #4842C6;

    --Raleway-font: "Raleway", sans-serif;
    --inter-font: "Inter", sans-serif;
}