:root {
    /* Logo */
    --Logo: #8F00FF;
    /* PalmPay */
    --PalmPay-Primary: #6A35FF;
    --PalmPay-Disabled: #DAD0F7;
    --PalmPay-Secondary: #F0ECFC;
    --PalmPay-Assist: #FFF;
    /* Flexi */
    --Flexi-Primary: #19B8EA;
    --Flexi-Disabled: #C9E6F0;
    --Flexi-Secondary: #EDFAFF;
    --Flexi-Assist: #3BE47E;
    /* Flexi Cash */
    --Flexi-Cash-Primary: #00A49A;
    --Flexi-Cash-Disabled: #BDE7E0;
    --Flexi-Cash-Secondary: #EBFDFC;
    --Flexi-Cash-Assist: #FFF;
    --Flexi-Cash-Accent: #FFC90C;
    /* Nile */
    --Nile-Primary: #2A349A;
    --Nile-Disabled: #DFE1F0;
    --Nile-Secondary: #EAEBF5;
    --Nile-Assist: #FFF;
    /* Functional color */
    --Functional-Color-Assist: #FF9900;
    --Functional-Color-Error: #FE5455;
    --Functional-Color-Link: #3C4ABC;
    --Functional-Color-Success: #1BC286;
    --Functional-Color-AssistBackground: #FFF4E5;
    --Functional-Color-ErrorBackground: #FFF0F0;
    --Functional-Color-SuccessBackground: #E4F7F0;
    /* font color */
    --Font-Color-Main: #202046;
    --Font-Color-Normal: #6F7B85;
    --Font-Color-Assist: #9CA2AA;
    --Font-Color-Disable: #C0C3C8;
    --Font-Color-White: #FFF;
    /* Others/font color */
    --Others-Mask: rgba(0, 0, 0, 0.50);
    --Others-MaskActive: rgba(0, 0, 0, 0.70);
    --Others-SeparateLine: #F2F2F2;
    --Others-SeparateLineDark: #EDEDED;
    --Others-BackgroundGray: #F6F6FA;
    --Others-BackgroundWhite: #FFF;
    /* Button */
    --Button-WhiteFont: #FFF;
    --Button-WhiteDisable: #FFF;
    /* Popup */
    --Popup-WhiteBg: #FFF;
}
  
:root.theme-dark {
    /* Logo */
	--Logo: #8F00FF;
    /* PalmPay */
    --PalmPay-Primary: #875CFF;
    --PalmPay-Disabled: #3D3653;
    --PalmPay-Secondary: #332161;
    --PalmPay-Assist: #1E1E1E;
    /* Flexi */
    --Flexi-Primary: #19B8EA;
    --Flexi-Disabled: #313A3D;
    --Flexi-Secondary: #273033;
    --Flexi-Assist: #3BE47E;
     /* Flexi Cash */
    --Flexi-Cash-Primary: #00A49A;
    --Flexi-Cash-Disabled: #323D3C;
    --Flexi-Cash-Secondary: #232E2D;
    --Flexi-Cash-Assist: #1E1E1E;
    --Flexi-Cash-Accent: #FFC90C;
    /* Nile */
    --Nile-Primary: #2A349A;
    --Nile-Disabled: #DFE1F0;
    --Nile-Secondary: #EAEBF5;
    --Nile-Assist: #FFF;
    /* Functional color */
    --Functional-Color-Assist: #E69500;
    --Functional-Color-Error: #F93636;
    --Functional-Color-Link: #6775E8;
    --Functional-Color-Success: #18CC8D;
    --Functional-Color-AssistBackground: #383531;
    --Functional-Color-ErrorBackground: #2F1D21;
    --Functional-Color-SuccessBackground: #06291D;
    /* font color */
    --Font-Color-Main: #FFF;
    --Font-Color-Normal: #9CA2AA;
    --Font-Color-Assist: #9CA2AA;
    --Font-Color-Disable: #65646B;
    --Font-Color-White: #1E1E1E;
    /* Others/font color */
    --Others-Mask: rgba(0, 0, 0, 0.70);
    --Others-MaskActive: rgba(0, 0, 0, 0.70);
    --Others-SeparateLine: #292929;
    --Others-SeparateLineDark: #333333;
    --Others-BackgroundGray: #121212;
    --Others-BackgroundWhite: #1E1E1E;
    /* Button */
    --Button-WhiteFont: #FFF;
    --Button-WhiteDisable: rgba(255, 255, 255, 0.20);
    /* Popup */
    --Popup-WhiteBg: #121212;
}