:root{
	/* colors */
	--gray-0: #F3F3F6;
    --gray-0B: #EEEEEE;
    --gray-1: #DDDDDD;
    --gray-2: #CCCCCC;
    --gray-3: #BBBBBB;
    --gray-4: #9A9A9A;
	
	
	--test: white;
	--accent-color-rgb: 17, 17, 17;/*68, 54, 21;*//*130, 107, 50;*/
	
	--root-font-size: 16px;
	--top-bg-color: rgba(var(--accent-color-rgb), 1); /*#111;*/
	
	--bg-color: #F7F7F7;
	
	--accent-color: rgba(var(--accent-color-rgb), 1);
	--accent-color-light: rgba(var(--accent-color-rgb), 0.3); /*30%*/
	--secondary-color: rgb(236, 235, 235);
	
	/* datalist */
	/*--bg-datalist: rgb(243, 243, 246);*/
	--bg-datalist: #F7F7F7;
	--bg-datalist-hover: #0098f720;/*rgba(var(--accent-color-rgb), 0.06);*/ /*10%*/
	
	--success-color: #34c75a;
	--danger-color: #f65c60;
	--alert-color: #f8bd04;
	--info-color: #407fff;

	--success-color-30: #34c75a60;
    --danger-color-30: #f65c6060;
    --alert-color-30: #f8bd0460;
    --info-color-30: #407fff60;
	
	--content-width: 1280px;


    --radius-components-intern: 8px;
    --radius-components-extern: 10px;

    --radius-input-intern: 8px;
    --radius-input-extern: 10px;

    --radius-button: 8px;
    --height-components: 34px;

	--menu-background: #111;
	--menu-color: white;
}