/* Определение переменных для каждой темы */
:root {
    /* Значения по умолчанию копия "white"*/
	
    --color_red: #d30422;  /* корпоративный красный*/
	
	
    --color_text_grey: #646566; /* корпоративный для текстов*/
	
    --color_black: #080808;
    --color_bd: #000000;
    --color_white: #ffffff;
    --color_blue: #3c4fff;
    --color_lightgrey: #b8b8b8;	

	--color_a_grey: #a0a0a0;
	--color_c_grey: #c8c8c8;	
	--color_e_grey: #e0e0e0;	
    --color_yellow: #ffff44;

    --color_f_white: #f4f4f4;       /* жёлтый выделения*/
    --color_table_odd: #fbfbfb;	    /* чётные строки таблиц*/
	
	--color_const_black: #080808;
	--color_const_white: #ffffff;
}


[data-theme="black"] {
	
    --color_text_grey: #e0e0e0;       /* корпоративный для текстов*/
	
    --color_black:     #f0f0f0;           
    --color_white:     #040404;       /* фон становится тёмным */
    --color_bd:        #ffffff;              
    --color_f_white:   #2d2d2d;       /* фон блоков */
    --color_table_odd: #3a3a3a;       /* фон таблиц */

    --color_lightgrey: #808080;
    --color_a_grey: #909090;
    --color_c_grey: #505050;
    --color_e_grey: #e0e0e0;
	

	--color_const_black: #080808;
	--color_const_white: #ffffff;


}

[data-theme="white"] {
    --color_red: #d30422;  /* корпоративный красный*/
	
	
    --color_text_grey: #646566; /* корпоративный для текстов*/
	
    --color_black: #080808;
    --color_bd: #000000;
    --color_white: #ffffff;
    --color_blue: #3c4fff;
    --color_lightgrey: #b8b8b8;	

	--color_a_grey: #a0a0a0;
	--color_c_grey: #c8c8c8;	
	--color_e_grey: #e0e0e0;	

	--color_const_black: #080808;
	--color_const_white: #ffffff;	
}

/* классы цвета */

._color_red{ color: var(--color_red); } /* корпоративный красный*/



._color_grey{ color: var(--color_text_grey); } /* корпоративный для текстов*/

._color_black{ color: var(--color_black); }
._color_bd{ color: var(--color_bd); }
._color_white{ color: var(--color_white); }
._color_blue{ color: var(--color_blue); }
._color_lightgrey{ color: var(--color_lightgrey); }


.color_a_grey{ color: var(--color_a_grey); }
.color_c_grey{ color: var(--color_c_grey); }
.color_e_grey{ color: var(--color_e_grey); }

.color_yellow{ color: var(--color_yellow); }/* жёлтый выделения*/
.color_f_white{ color: var(--color_f_white); }

.color_table_odd{ color: var(--color_table_odd); }/* чётные строки таблиц*/
	

._color_const_white{ color:  var(--color_const_white);} /* корпоративный красный*/
._color_const_black{ color:  var(--color_const_black};}


/*	'#808080';	стандартный серый */

/*	'#D30422';	корпоративный красный */
/*	'#080808';	корпоративный чёрный */
/*	'#646566';	корпоративный тёмно серый */
/*	'#C8C8C8';	корпоративный светло серый*/
/*	'#FF6200';	корпоративный оранжевый*/
/*	'#34AC96';	корпоративный мятный*/