body {
    /* ---- */
    --fontSizeH1: clamp(1.3rem, 2vw, 1.65rem);
    --fontSizeH2: clamp(1.2rem, 2vw, 1.5rem);
    --fontSizeH3: clamp(1.1rem, 2vw, 1.4rem);
    --fontSizeH4: clamp(1rem, 2vw, 1.25rem);
    --fontSizeH5: clamp(0.95rem, 2vw, 1.2rem);
    --fontSizeH6: clamp(0.9rem, 2vw, 1.1rem);
    /* ----  */
    --primaryLinkColor: #4115e8;
    --primaryTextColor: #032327;
    --primaryColorGray: #636F91;
    --primaryColorDisabled: #858891;
    --secondaryColor: #67D9D4;
    --naturalsColorGray: #DDE1E1;
    --neutralsColorGray: #F1F3F3;
    --neutralsSecondaryColor: #636F91;
    --primaryColorLineGray: #b5bed7;
    /* ---- */
    --statusDisabledColor: #C3C6CD;
    --statusSuccessColor: #62A529;
    --statusWarningColor: #F97D23;
    --statusErrorColor: #E8111C;
    --statusAlertColor: #E8111C;
    --statusSuccessColorTint: #EFF9E8;
    --statusWarningColorTint: #FEEEE2;
    --statusErrorColorTint: #FDE7E8;
    --statusAlertColorTint: #FDE7E8;
    /* ---- */
    --colorC1: white;
    --LogoPrimaryColor: black;
    --fontPrimaryColor: black;
    --fontSecondaryColor: #636F91;
    /* ---- */
    --btnPrimaryColor: #4115e8;
    --btnPrimaryBgColor: black;
    --btnSecondaryColor: white;
    /* ---- */
    --btnStatusDisabledColor: #C3C6CD;
    /* ---- */
    --fontColor3: #5a6174;
    --fontColor4: #4115e8;
    --borderC1: #b5c6ce;
    --borderC2: #47686c;
    --borderC3: #022327;
    /* ---- */
    --borderLineBL1_Color: #9ba3ba;
    /* ---- */
    --borderInputC1: #4115e8;
    --borderInputC2: #5a6174;
    --borderInputC3: #b8c7d1;
    /* ---- */
    --bodyColor_1: #fafafa;
    --bodyColor_2: #fafafa;
    --menuLeft_1: #f1f3f3;
    /* ---- */
    --backgroundBG1: #eff3f8;
    --backgroundBG2: #03abdc;
    --backgroundBG3: black;
    --backgroundBG2_hover: #4115e8;
    --colorIconC1: white;
    --colorIconBG1: black;
    --colorIconC2: #1a8fe9;
    --colorIconC3: #95aebd;
    --colorIconC4: #47686c;
    /* ---- */

    /* Form preview colours*/
    --dataPreviewFormInputGray: #DDE1E1;
    --dataPreviewFormInputGreen: #62A529;
    --dataPreviewFormInputRed: #a1363b;





    --inputT1_text_labelFontSize: 1rem;
    --inputT1_text_labelFontColor: #032327;
    --inputT1_text_descriptionFontColor: var(--neutralsSecondaryColor);
    --inputT1_text_labelRequiredFontSize: 0.75rem;
    --inputT1_text_labelRequiredFontColor: #636F91;
    --inputT1_text_fontSize: 0.9rem;
    --inputT1_text_borderColor: #032327;
    --inputT1_text_borderRadius: 4px;
    --inputT1_text_BGColor: white;
    --inputT1_text_borderColorDisabled: purple;
    --inputT1_text_BGColorDisabled: #03abdc;
    --inputT1_text_OptionFontColor: white;
    --inputT1_text_OptionBGColorColor: #4115e8;




    /* ---- */
    --inputT2_text_borderColor: #4115e8;
    --inputT2_text_BGColor: #d8e2e8;
    --inputT2_text_borderColorDisabled: #47686c;
    --inputT2_text_BGColorDisabled: #eff3f8;
    --inputT2_text_borderColorRemove: #f08187;
    --inputT2_text_BGColorRemove: #fde7e8;
    --inputT2_text_borderStatusGreen: #61a53a;
    --inputT2_text_BGStatusGreen: #eff9e9;
    /* ---- */
    --inputTfilters_text_borderColor: #C3C6CD;
    --inputTfilters_text_BGColor: white;
    --inputTfilters_text_borderColorDisabled: #DDE1E1;
    --inputTfilters_text_BGColorDisabled: #03abdc;
    --inputTfilters_radio_BGColor: #ffffff;
    --inputTfilters_radio_borderColor: #b8b8b8;
    /*Answer question form style*/
    --inputT3_text_borderColor: #f1f3f3;
    --inputT3_text_fontColor: #022327;
    --inputT3_text_BGColor: #f1f3f3;
    --inputT3_text_fontColorDisabled: #022327;
    --inputT3_text_borderColorDisabled: #f1f3f3;
    --inputT3_text_BGColorDisabled: #f1f3f3;
    /*Standard form style*/
    --inputT4_text_borderColor: #b8c1c4;
    --inputT4_text_fontColor: #022327;
    --inputT4_text_BGColor: white;
    --inputT4_text_fontColorDisabled: #022327;
    --inputT4_text_borderColorDisabled: #b8c1c4;
    --inputT4_text_borderColorDelete: #f08187;
    --inputT4_text_BGColorDelete: #ffeeef;
    --inputT4_text_BGColorDisabled: #f1f3f3;
    /* ---- */
    --fontTag_T1_color: #022327;
    --fontTag_T1_BGcolor: #f2f2f3;
    /* ---- */
    --radioT1_1_borderColor: purple;
    --radioT1_1_selectedColor: #4115e8;
    --radioT1_1_unselectedColor: #d8e2e8;
    /* ---- */
    --checkboxT1_1_unselectedBGColor: #f1f1f4;
    --checkboxT1_1_unselectedBordrColor: #a5bac9;
    --checkboxT1_1_selectedBGColor: #4115e8;
    --checkboxT1_1_selectedBorderColor: #4115e8;
    --checkboxT1_1_disabledBGColor: #d8e2e8;
    --checkboxT1_1_disabledBorderColor: #d8e2e8;
    /* ---- */
    --loader_T1_1_Color: #4115e8;
    --loader_T1_1_BgColor: transparent;
    /* ---- */
    --scroll_T1_1_ThumbColor: #d5d5d5;
    --scroll_T1_1_BgColor: transparent;
    --scroll_T1_1_HoverColor: #4115e8;
    /* ---- */
    --btn_T1_1_Color: white;
    --btn_T1_1_Background: black;
    --btn_T1_1_hover: #270e83;
    --btn_T1_1_BRadius: 4px;
    /*button Primary */
    --btn_T1_2_Color: white;
    --btn_T1_2_Background: #4115e8;
    --btn_T1_2_hover: #270e83;
    --btn_T1_2_BorderColor: #4115e8;
    --btn_T1_2_BRadius: 4px;
    /* ---- */
    --btn_T1_3_Color: black;
    --btn_T1_3_Background: #e1e2e8;
    --btn_T1_3_hover: #dadde2;
    --btn_T1_3_BorderColor: #dadde2;
    --btn_T1_3_BRadius: 4px;
    /*button	Secondary */
    --btn_T1_4_Color: #4115e8;
    --btn_T1_4_Background: transparent;
    --btn_T1_4_hover: transparent;
    --btn_T1_4_BorderColor: #4115e8;
    --btn_T1_4_BRadius: 4px;
    /* ---- */
    /*button	Inactive */
    --btn_T1_5_Color: white;
    --btn_T1_5_Background: #c3c6cd;
    --btn_T1_5_hover: #c3c6cd;
    --btn_T1_5_hoverColor: white;
    --btn_T1_5_BorderColor: #c3c6cd;
    --btn_T1_5_BRadius: 4px;
    /* ---- */
    /*button	submenu */
    --btn_T1_6_Color: black;
    --btn_T1_6_Background: transparent;
    --btn_T1_6_hoverBackground: transparent;
    --btn_T1_6_hoverColor: #4115e8;
    --btn_T1_6_BorderColor: transparent;
    --btn_T1_6_BRadius: 0px;
    /* ---- */
    /*button	small */
    --btn_T1_7_Color: #4115e8;
    --btn_T1_7_Background: transparent;
    --btn_T1_7_hoverBackground: transparent;
    --btn_T1_7_hoverColor: #270e83;
    --btn_T1_7_BorderColor: transparent;
    --btn_T1_7_BRadius: 0px;
    /* ---- */
    --btn_T1_8_Color: #022327;
    --btn_T1_8_Background: #ebebf1;
    --btn_T1_8_hover: #3743a2;
    --btn_T1_8_BRadius: 0px;
    /*button	Transparent */
    --btn_T1_9_Color: #4115e8;
    --btn_T1_9_Background: transparent;
    --btn_T1_9_hover: rgba(0, 0, 0, 0.06);
    --btn_T1_9_BorderColor: transparent;
    --btn_T1_9_BRadius: 4px;

    /*button tab */
    --btn_T1_10_Color: black;
    --btn_T1_10_Background: transparent;
    --btn_T1_10_hover: transparent;
    --btn_T1_10_BorderColor: transparent;
    --btn_T1_10_BorderColor_selected: black;
    --btn_T1_10_BRadius: 0px;



    /* ---- */
    --btnT2_1_Color: #022327;
    --btnT2_1_IcoColor: #a5bac9;
    --btnT2_1_Background: white;
    --btnT2_1_BorderBottomLine: #e1e2e8;
    --btnT2_1_hover: #4115e8;
    --btnT2_1_BRadius: 0px;


    /* ---- */
    --table_T1_1_Th_FontColor: #969bab;
    --table_T1_1_Data_FontColor: #7f8697;
    --table_T1_1_DataTitle_FontColor: black;
    --table_T1_1_DataTitle_FontColorHover: #4115e8;
    /* ---- */
    --table_T1_2_Th_FontColor: #969bab;
    --table_T1_2_Data_FontColor: black;
    /* ---- */
    --menuHb_T1_1_Color: #535fca;
    --menuTop_T1_1_FontColor: black;
    --menuTop_T1_LineColor1: black;
    /* ---- */
    --wizard_T1_TitleColor: black;
    --wizard_T1_BtnColor: white;
    --wizard_T1_BtnBgColor: #535fca;
    /* ---- */
    --list_T1_1_FontColor: black;
    --list_T1_1_DescFontColor: #7f8697;
    /* ---- */
    --bannerB1_1_titleColor: #295aa0;
    --bannerB1_1_borderColor: #295aa0;
    --bannerB1_1_background: #E9EFF9;
    /* ---- */
    --bannerB1_2_borderColor: #ea3039;
    --bannerB1_2_titleColor: #ea3039;
    --bannerB1_2_background: #fde7e8;
    /* ---- */
    --bannerB1_3_borderColor: #62A529;
    --bannerB1_3_titleColor: #62A529;
    --bannerB1_3_background: #eff9e9;
    /* ---- */
    --bannerB1_4_borderColor: rgba(0, 0, 0, 0.2);
    --bannerB1_4_titleColor: black;
    --bannerB1_4_background: transparent;
    /* ---- */
    --loaderBarL1_color: white;
    --loaderBarL1_background: #62A529;
    --loaderBarL1_background_error: var(--statusErrorColor);
    /* ---- */
    --filtersF1_1_titleColor: #295aa0;
    --filtersF1_1_borderColor: #DDE1E1;
    --filtersF1_1_background: #F1F3F3;
    --filtersSmall_background: #dfe2e2;
}