:root {
    /* ========== FONT SETTINGS ========== */
    --font-family: Helvetica Neue; /* Clean, modern font */
    /* ========== SIDEBAR SETTINGS ========== */
    --sidebar: linear-gradient(to bottom, #10ae62 35%, #10ae62 84%);
    --sidebarcolor: #ffffff;
    --sidebaractivecolor: #fff;
    --sidebaricon: #ffffff;
    --sidebariconbg: #f23f52;
    --sidebarsubmenubgcolor: #ffffff;
    --sidebarsubmenucolor: #10ae62;
    /* ========== HEADER SETTINGS ========== */
    --Header: #ffffff;
    --Headertext: #000000;
    --HeaderShadow: box-shadow: 0px 4px 12px 0px rgba(76, 126, 166, 0.3);
    --headerprofilecolor: #EAEDED; /* Light Gray for profile icon background */
    /* ========== TABLE SETTINGS ========== */
    --tableheader: #fbfbfb;
    --tablecolor: #000000;
    --tabelsecoundaybgcolor: #f3f6f9;
    --tablelink: #10ae62;
    /* ========== BORDER SETTINGS ========== */
    --border-top: 1px solid #fff;
    --border-bottom: 1px solid #fff;
    --border-right: 1px solid #fff;
    --border-left: 1px solid #fff;
    --border-primary: 1px solid #10ae62;
    /* ========== BACKGROUND & LABEL SETTINGS ========== */
    --bgwhite: #FFFFFF;
    --labelcolor: #4a4a4a;
    /* ========== TEXT COLOR SETTINGS ========== */
    --colorwhite: #FFFFFF;
    --colorblack: #000000; /* Vivid Blue for primary text color */
    /* ========== FONT SIZE & WEIGHT ========== */
    --font-13: 13px;
    --font-14: 14px;
    --font-15: 15px;
    --font-16: 16px;
    --font-20: 20px;
    --font-22: 22px;
    --font-weight-400: 400;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;

    /* ========== SPACING SETTINGS ========== */
    --padding-0: 0px;
    --padding-10: 10px;
    --padding-20: 20px;
    --margin-top-0: 0px;
    --margin-bottom-0: 0px;
    --margin-right-0: 0px;
    --margin-left-0: 0px;
     --btnborder-0:0px;
    /* ========== BORDER RADIUS SETTINGS ========== */
    --border-radius-0: 0px;
    --border-radius-4: 4px;
    --border-radius-5: 5px;
    --border-radius-10: 10px;

    /* ========== BORDER SETTINGS ========== */
    --border-0: 0px;

    /* ========== BACKGROUND SETTINGS ========== */
    --background-color: transparent;

    /* ========== BUTTON SETTINGS ========== */
    --btnprimary: #10ae62;
    --btncolor: #ffffff;
    --btnsecoundary: #f1f3f6;
    --btnsecoundarycolor: #10ae62;
    --Addbtnbackground: #10ae62;
    /* ========== FORM SETTINGS ========== */
    --input-form: 1px solid #A1B8D3;
    /* ========== CARD SETTINGS ========== */
    --cardcolor: #FFFFFF;
    --cardshadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --card-head-header: #3C73A8;
    /* ========== ICON SETTINGS ========== */
    --iconprimary: #10ae62;
    --actionicon: #2f4f75;
    /* ========== TOGGLE SETTINGS ========== */
    --tooglecolor: #10ae62;
    /* ========== PAGINATION SETTINGS ========== */
    --paginate-count-button: #10ae62;
    /* ========== FILTER SETTINGS ========== */
    --filterbg: #E5E8F1;
    --bgfliterwhite: #FFFFFF;
    /* ========== ALERT SETTINGS ========== */
    --swalcolor: #0093E6;
    /* ========== SCROLLBAR SETTINGS ========== */
    --scrollbarcolor: #10ae627a;
    --scrollbarwidth: 5px;
    --scrollbarheight: 3px;
    /* ========== TAB SETTINGS ========== */
    --tab-card-bg: #F8FAFC;
    --tab-border-radius: 5px;
    --tab-height: 1px;

    /* ========== Z-INDEX SETTINGS ========== */
    --z-index-1: 1;

    /* ========== DEPENDENT TABLE SETTINGS ========== */
    --Dependtableheader: #4c7ea6;
    --Dependtablecolor: #ffffff;
    --Dependalternativecolor: #b1bcc5;
    /* ========== BUTTON HOVER SETTINGS ========== */
    --btncolorhover: #fff;
    --btnsecoundarycolorhover: #ffffff;
    --Addbtnbackgroundhover: #10ae62;
    --colorwhite: #fff;
    --btnprimaryhover: #10ae62;
    --border-primaryhover: #10ae62;
    --btnsecoundaryhover: #10ae62;
   --checkbox:#10ae62;
}