:root {
    /* ========== FONT SETTINGS ========== */
    --font-family: 'Inter';
    /* Clean, modern font */
    /* ========== SIDEBAR SETTINGS ========== */
    --sidebar: #14213D;
    /* Dark Navy Blue for the sidebar */
    --sidebarcolor: #ffffff;
    /* Soft White for text */
    --sidebaractivecolor: #ffffff;
    /* Vivid Blue for active state */
    --sidebaricon: #000000;
    /* White icons */
    --sidebariconbg: #ffffff;
    /* Vivid Blue for icon background */
    --sidebarsubmenubgcolor: #ffffff;
    /* Pure White for submenus */
    --sidebarsubmenucolor: #14213D;
    /* Vivid Blue for submenu text */
    /* ========== HEADER SETTINGS ========== */
    --Header: #fff !important;
    /* Royal Blue for header background */
    --Headertext: #14213D;
    /* White text */
    --HeaderShadow: box-shadow: 0px 4px 12px 0px rgba(76, 126, 166, 0.3);
    /* Soft Blue Shadow */
    --headerprofilecolor: #EAEDED;
    /* Light Gray for profile icon background */
    /* ========== TABLE SETTINGS ========== */
    --tableheader: #14213D14;
    /* Light Gray for Table Header */
    --tablecolor: #000;
    /* White */
    --tabelsecoundaybgcolor: #F3F6F9;
    /* Soft Gray-Blue for alternate row background */
    /* ========== BORDER SETTINGS ========== */
    --border-top: 1px solid #fff;
    /* Light Steel Blue for border top */
    --border-bottom: 1px solid #fff;
    /* Light Steel Blue for border bottom */
    --border-right: 1px solid #fff;
    /* Light Steel Blue for border right */
    --border-left: 1px solid #fff;
    /* Light Steel Blue for border left */
    --border-primary: 1px solid #14213D;
    /* Light Steel Blue for primary borders */
    /* ========== BACKGROUND & LABEL SETTINGS ========== */
    --bgwhite: #FFFFFF;
    /* Pure White */
    --labelcolor: #000;
    /* Black for labels */
    --tablelink: #14213D;
    /* ========== TEXT COLOR SETTINGS ========== */
    --colorwhite: #FFFFFF;
    /* White */
    --colorblack: #14213D;
    /* Vivid Blue for primary text color */
    /* ========== FONT SIZE & WEIGHT ========== */
    --font-13: 15px;
    --font-14: 16px;
    --font-15: 17px;
    --font-16: 18px;
    --font-20: 22px;
    --font-22: 24px;
    --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;
    /* ========== 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;
    /* Transparent Background */
    /* ========== BUTTON SETTINGS ========== */
    --btnprimary: #14213D;
    /* Vivid Blue */
    --btncolor: #fff;
    /* White */
    --btnsecoundary: #FFFFFF;
    /* Light Gray for secondary buttons */
    --btnsecoundarycolor: #14213D;
    /* Vivid Blue for secondary button text */
    --Addbtnbackground: #C9A227;
    /* Royal Blue */
    /* ========== FORM SETTINGS ========== */
    --input-form: 1px solid #A1B8D3;
    /* Light Steel Blue for input fields */
    /* ========== CARD SETTINGS ========== */
    --cardcolor: #FFFFFF;
    /* White */
    --cardshadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    /* Soft Blue shadow */
    --card-head-header: #14213D;
    /* Royal Blue for card header */
    /* ========== ICON SETTINGS ========== */
    --iconprimary: #000;
    /* Vivid Blue */
    --actionicon: #2F4F75;
    /* Dark Slate Blue */
    /* ========== TOGGLE SETTINGS ========== */
    --tooglecolor: #C9A227;
    /* Vivid Blue */
    /* ========== PAGINATION SETTINGS ========== */
    --paginate-count-button: #14213D;
    /* Royal Blue for pagination buttons */
    /* ========== FILTER SETTINGS ========== */
    --filterbg: #E5E8F1;
    /* Light Gray-Blue for filter background */
    --bgfliterwhite: #FFFFFF;
    /* White for filter background */
    /* ========== ALERT SETTINGS ========== */
    --swalcolor: #14213D;
    /* Soft Red for alerts */
    /* ========== SCROLLBAR SETTINGS ========== */
    --scrollbarcolor: #14213D;
    /* Light Grayish Blue for scrollbar */
    --scrollbarwidth: 5px;
    /* Scrollbar Width */
    --scrollbarheight: 2px;
    /* Scrollbar Height */
    /* ========== TAB SETTINGS ========== */
    --tab-card-bg: #F8FAFC;
    /* Lightest Gray for tabs */
    --tab-border-radius: 5px;
    /* Tab Border Radius */
    --tab-height: 1px;
    /* Tab Height */
    /* ========== Z-INDEX SETTINGS ========== */
    --z-index-1: 1;
    /* ========== DEPENDENT TABLE SETTINGS ========== */
    --Dependtableheader: #e8f0f7;
    /* Royal Blue */
    --Dependtablecolor: #000;
    /* White */
    --Dependalternativecolor: rgb(177 188 197 / 20%);
    /* Light Muted Blue */
    /* ========== TABLE border ========== */
    /* ========== BUTTON hover SETTINGS ========== */
    --btnprimaryhover: #1F3157;
    --btncolorhover: #ffffff;
    --border-primaryhover: 1px solid #1F3157;
    /* Medium dark border */
    --btnsecoundaryhover: #fff;
    /* Light Gray for secondary buttons */
    --btnsecoundarycolorhover: #14213D;
    /* Vivid Blue for secondary button text */
    --Addbtnbackgroundhover: #fff;
    /* Royal Blue */
    --colorwhite: #fff;
    --checkbox: #14213D;
    --ca-red: #BA0C2F;
    --ca-gold: #FDB515;
    --deep-navy: #1a2332;
    --soft-navy: #2c3e50;
    --warm-cream: #faf8f5;
    --earth-brown: #8B4513;
    --sky-blue: #e8f1f5;
    --forest-green: #228B22;
    --steel-blue: #4682B4;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tx-bg: #f6f8fb;
    --tx-border: #e7edf6;
    --tx-shadow: 0 10px 24px rgba(15, 23, 42, .06);
    --tx-radius: 18px;
    --tx-primary: #243949;
    --tx-muted: #6b7280;
}