:root {
    --font-family-base: "Be Vietnam Pro", Arial, Helvetica, sans-serif;

    --max-content-width: 1084px;
    --max-container-width: 1274px;
    --siteAdmin-sideBar-width: 280px;
    --siteAdmin-header-height: 72px;

    --screen-xs-min: 480px;
    /* Extra small screen / phone */
    --screen-sm-min: 768px;
    /* Small screen / tablet */
    --screen-md-min: 992px;
    /* Medium screen / desktop */
    --screen-lg-min: 1200px;
    /* Large screen / wide desktop */

    /* side admin Start*/
    --sideMenu-hover-bg: #FFFFFF1F;
    --sideMenu-primary-foreground: #FFFFFF;
    --sideMenu-secondary-foreground: #AEAEAE;
    --sideMenu-active-border: #D9D9D9;
    /* side admin End*/

    /* Calendar Color Code Start */
    --becomeHost-NotAvailable-Bg: #FA7475;
    --cancellation-success-bg: #F3FFF0;
    /* Calendar Color Code End */


    /* Common Color Start */
    --scroll-thumb: #a2a2a2;
    --scroll-track: #ced4da;
    --discountAndSpecial-color: #12B363;
    --cancelled-color: #DA1010;
    --map-success-color: #bfeeb0;
    --instantIcon-bg: #ffb400;
    --alert-color: red;
    --darkmode-primary-color: #171D37;
    --darkmode-secondary-color: #0E142F;
    --darkmode-text-color: #C7D8EB;
    --white-color: #FFFFFF;
    --darkMode-dropzone-bg-color: #ffffff52;

    --common-primary-black-foreground: #282828;

    --common-primary-white-foreground: #ffffff;
    --common-secondary-white-foreground: #e2e2e2;

    --common-white-primary-bg: #ffffff;
    --common-black-primary-bg: #282828;

    --common-primary-gray: #f3f3f3;

    --ai-foreground: linear-gradient(102.4deg, #FF516E 15.63%, #DF07FB 82.43%, #FFA81B 95.37%);
    --ai-generate-input-border: linear-gradient(102.4deg, #FF516E 15.63%, #DF07FB 52.05%, #FFA81B 95.37%);
    --ai-generate-input-shadow: #FD4D7529;
    --chart-primary:#ff5a5f;
    --chart-secondary:#008489;
    /* Common Color End */
}

/********************************************* LightMode Color Start ***************************************************************/

.lightMode {
    /* become a host calendar Start */
    --becomeHost-SpecialPrice-Bg: #1DD265;
    --becomeHost-Booked-Bg: #dee0de;
    --becomeHost-Available-Bg: #edf6f6;
    --becomeHost-outside-day-bg: #fff;
    --becomeHost-disabled-day-bg: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgb(235, 235, 235) 3px, rgb(235, 235, 235) 4px);
    --becomeHost-disabled-day-foreground: #9d9d9d;
    --becomeHost-Tab-ActiveBg: #00848930;

    --calendarDay-primary-bg: #008489;
    --calendarDay-primary-hover-bg: #66e2da;
    --calendarDay-primary-foreground: #282828;
    /* become a host calendar End */

    /* admin side bar Start */
    --sideMenu-bg: #320304;
    /* admin side bar End */

    /* Common Color Start */
    --background-primary: #FFFFFF;
    --common-tooltip-bg: #151515;
    --common-tooltip-foreground: #ffffff;
    --subHeader-bg: #655D5D;
    --subHeader-primary-foreground: #ffffff;
    --subHeader-secondary-foreground: #e2e2e2;
    --common-hover-bg: #F9F9F9;

    --cancel-policy-bg1: #F3FFF0;
    --cancel-policy-bg2: #FFF8EF;
    --cancel-policy-bg3: #FDF3F4;

    --primary-foreground: #282828;
    --secondary-foreground: #575757;
    --tertiary-foreground: #696969;

    --primary-gray-bg: #F8F8F8;
    --secondary-gray-bg: #e6e8ec;
    --tertiary-gray-bg: #F8F7FD;

    --primary-border: #DDDDDD;
    --secondary-border: #292929;
    --footer-bg: #F8F7FD;
    --modal-bg: #ffffff;
    --primary-placeholder-foreground: #999;
    --primary-input-bg: #ffffff;
    --disabled-input-bg: #eee;
    --disabled-checkBox-bg: #BEBEBE;
    --primary-box-shadow: #eeebeb73;
    --dropZoneWrapper-box-shadow: #D9D9D980;
    --servicePlanCard-box-shadow: #F0EEF6;

    --primary-bg: #ff5a5f;
    --secondary-bg: #008489;
    --primary-btn-foreground: #FFFFFF;
    --primary-bg-hover: #ff7e82;
    --primary-link-foreground: #008489;

    --ai-generate-input-bg: linear-gradient(94.84deg, #FFFEF9 0%, #F5F9FF 100%);
    --ai-generate-input-out-bg: #FFF8FF;

    --table-header-bg: #F8F8F8;
    --table-select-bg: #F8F8F8;
    --table-primary-hover: #F9F9F9;
    /* Common Color End */
}


/********************************************* DarkMode Color Start ***************************************************************/

.darkMode {
    /* become a host calendar */
    --becomeHost-SpecialPrice-Bg: #059d42;
    --becomeHost-Booked-Bg: #4c526c;
    --becomeHost-Available-Bg: #6f7aaa;
    --becomeHost-outside-day-bg: #171D37;
    --becomeHost-disabled-day-bg: repeating-linear-gradient(-45deg, rgb(62 62 62), rgb(11 11 11) 3px, rgb(0 0 0) 3px, rgb(118 125 153) 4px);
    --becomeHost-disabled-day-foreground: #9d9d9d;
    --becomeHost-Tab-ActiveBg: #5A69D530;

    --calendarDay-primary-bg: #5a69d5;
    --calendarDay-primary-hover-bg: #94a0f6;
    --calendarDay-primary-foreground: #C7D8EB;
    /* become a host calendar End */

    /* admin side bar Start */
    --sideMenu-bg: #0e142f;
    /* admin side bar End */

    /* Common Color Start */
    --background-primary: #171D37;
    --common-tooltip-bg: #ffffff;
    --common-tooltip-foreground: #151515;
    --subHeader-bg: #0e142f;
    --subHeader-primary-foreground: #C7D8EB;
    --subHeader-secondary-foreground: #95a7bb;
    --common-hover-bg: #373e5b;

    --cancel-policy-bg1: #0E142F;
    --cancel-policy-bg2: #0E142F;
    --cancel-policy-bg3: #0E142F;

    --primary-foreground: #C7D8EB;
    --secondary-foreground: #95a7bb;
    --tertiary-foreground: #6f8094;

    --primary-gray-bg: #0E142F;
    --secondary-gray-bg: #a1a6b9;
    --tertiary-gray-bg: #0E142F;

    --primary-border: #4c526e;
    --secondary-border: #4c526e;
    --footer-bg: #0E142F;
    --modal-bg: #171D37;
    --primary-placeholder-foreground: #6f8094;
    --primary-input-bg: #171D37;
    --disabled-input-bg: #262c44;
    --disabled-checkBox-bg: #BEBEBE;
    --primary-box-shadow: #5c617769;
    --dropZoneWrapper-box-shadow: #5c617769;
    --servicePlanCard-box-shadow: #5c617769;


    --primary-bg: #5A69D5;
    --secondary-bg: #5A69D5;
    --primary-btn-foreground: #C7D8EB;
    --primary-bg-hover: #6674ce;
    --primary-link-foreground: #5A69D5;

    --ai-generate-input-bg: #262c44;
    --ai-generate-input-out-bg: #2f344d;

    --table-header-bg: #0E142F;
    --table-select-bg: #0E142F;
    --table-primary-hover: #373e5b;
}