
	:root {
		--menuWidth: calc(100% - 20px);
		--leftColBackground: #fff; 
		--lightLeftColBackground: #F5F7FD; /*+5%*/
		--darkLeftColBackground: #22272b; /*-5%*/
		--mainColor: #fe5b3e;/*Màu chủ đạo*/
		--mainColor2: #26543c;/*Màu Nền header mobile*/
		--menuHover: #ff7600;
		--bgHover: #fff8f4;
		--btnBuy: #a92701;/*Màu nút mua hàng*/
		--btntext: #ffffff;/*Màu text nút mua hàng*/
		--accentColor1: #929292;
		--accentColor2: #fe5b3e; /*Màu giá*/
		--textColor: #424242;
		--toastSuccessBg: #d1e7dd;
		--toastSuccessCl: #0f5132;
		--toastWarningBg: #fff3cd;
		--toastWarningCl: #664d03;
		--toastErrorBg: #f8d7da;
		--toastErrorCl: #842029;
		--toastSystemBg: #d3d3d4;
		--toastSystemCl: #141619;
    --overlayimg: url(/assets/file.hstatic.net/200000894447/file/cursor-close_67ca7fa8efe14815933370ad13f235da.png);
    --animation-fast: .3s cubic-bezier(.7, 0, .3, 1);
	}			
	/* vietnamese */
	@font-face {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 400;
		font-display: swap;
		src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
		unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
	}
	/* latin */
	@font-face {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 400;
		font-display: swap;
		src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
