:root {
	--site_font_size: 14px;
	
	--header_height: 56px;
	--header_padding: 0px;
	
	--header_menu_btn_area_width: 56px;
	
	--header_logo_area_width_sm: 56px;
	--header_logo_width_sm: 50px;
	--header_logo_width_lg: 164px;
	
	--header_btns_height: 48px;
	
	--header_actions_btn_area_width: 56px;
	
	
	--sbar_menu_01_width: 270px;
	/* --sbar_menu_01_inactive_left: -270px; */
	
	--shadow_01_width: 1px;
	
	--button_round_01_size: 40px;
	--button_round_02_size: 28px;
	
	--form_tbox_01_icon_01_width: 34px;
	
	--panel_01_br: 4px;
	
	--grid_01_padding: 12px;
	--grid_01_padding_col: 4px;
	
	/* COLORS */
	--color_black: #000000;
	--color_black_rbg: 0, 0, 0;
	--color_white: #ffffff;
	--color_white_rbg: 255, 255, 255;
	
	
	/* THEME COLORS */
	--color_html_back_01: #ffffff;
	--color_html_font_01: #0d0c22;
	
	--color_overlay_back_01: rgba(0, 0, 0, 0.3);
	
	--color_back_01: #f2f3f9;  /* page content */
	--color_back_02: #f7f7fc;  /* dd + link_01 hover */
	--color_back_03: #009ae6;  /* btn_01 */
	--color_back_04: #f6f6f6;  /* tbox_01 */
	--color_back_05: #ffe4e1;  /* warning board 01 */
	--color_back_06: #009ae6;  /* acc_01 level 1 open */
	--color_back_07: rgba(0, 154, 230, 0.7);  /* acc_01 level 2 open */
	--color_back_08: rgba(0, 154, 230, 0.08);  /* acc_01 hover */
	--color_back_09: #dc3545;  /* badge_01 */
	--color_back_10: #dc3545;  /* pulse_01 */
	
	--color_font_01: #007acc;  /* link_01 */
	--color_font_02: #005c99;  /* dd + link_01 hover */
	--color_font_03: #ffffff;  /* btn_01 */
	--color_font_04: #1a1a1a;  /* tbox_01 */
	--color_font_05: #ff0000;  /* warning_board_01 */
	--color_font_06: #4d4d4d;  /* acc_01 */
	--color_font_07: #009ae6;  /* acc_01 hover */
	--color_font_08: #009ae6;  /* acc_01 ... */
	--color_font_09: #ffffff;  /* badge_01 */
	--color_font_10: #ffffff;  /* pulse_01 */
	
	--color_shad_01: #c4c4d4;  /* header + footer */
	--color_shad_02: 0, 0, 0;  /* btn_round_01 */
	--color_shad_03: 220, 53, 69;  /* pulse_01 */
	
	--color_brdr_01: #989898;  /* tbox_01 */
	--color_brdr_02: #666666;  /* tbox_focus_01 */
	--color_brdr_03: #ff9999;  /* form_elem_error_01 */
	--color_brdr_04: #c4c4d4;  /* button_dropdown_01 */
	--color_brdr_05: #ffb3b3;  /* warning_board_01 */
	
	
	
	
	
	
	
}

[data-theme="dark"] {
	
	/* THEME COLORS */
	--color_html_back_01: #30304d;
	--color_html_font_01: #dedefd;
	
	--color_overlay_back_01: rgba(255, 255, 255, 0.3);
	
	--color_back_01: #3a3a56;
	--color_back_02: #333254;
	--color_back_03: #5952b2;
	--color_back_04: #27273f;
	--color_back_05: rgba(255, 228, 225, 0.8);
	--color_back_06: #5952b2;
	--color_back_07: rgba(89, 82, 178, 0.6);
	--color_back_08: #26263e;
	--color_back_09: #821722;
	--color_back_10: #f82649;
	
	--color_font_01: #9995d0;
	--color_font_02: #7772c0;
	--color_font_03: #ececff;
	--color_font_04: #a6a6a6;
	--color_font_05: #8b0000;
	--color_font_06: #cccccc;
	--color_font_07: #8179d5;
	--color_font_08: #8179d5;
	--color_font_09: #cccccc;
	
	--color_shad_01: #45455f;
	--color_shad_02: 255, 255, 255;
	--color_shad_03: 240, 168, 175;
	
	--color_brdr_01: #6a6a6a;
	--color_brdr_02: #a6a6a6;
	--color_brdr_03: #a06a6a;
	--color_brdr_04: #45455f;
	--color_brdr_05: #ffb3b3;
	
	
	
	
	
	
	
}

[data-theme="test"] {
}

.color_white { color: var(--color_white); }