:root {
	--body: #f5f5f7;
	--content: #ffffff;
	--header: #f0f0f3;
	--text: #4f4f4f;
	--line: #c0c3d6;
	--highlight: #f1f3f9;
	--highlight_hour: #f7f7fa;
	--highlight_day: #f2f2f7;
	--image: #dcdcee;
	--header: #e5e7f3;
	--compass: #4a7a70;
	--block: #f5f5f7;
	--block_night: #e4e4e6;

	--field_bg: #f8f8fc;
	--field_bg_hover: #e8e8f0;
	--field_bg_inactive: #f0f0f5;
	--field_border: #c0c3d6;
	--field_border_hover: #a8abc0;
	--field_border_inactive: #c0c3d6;
	--field_text: #1b1c27;
	--field_text_inactive: #999cb0;

	--transparent_30: rgba(245, 245, 247, .1);
	--transparent_30: rgba(245, 245, 247, .2);
	--transparent_30: rgba(245, 245, 247, .3);
	--transparent_30: rgba(245, 245, 247, .4);
	--transparent_30: rgba(245, 245, 247, .5);
	--transparent_30: rgba(245, 245, 247, .6);
	--transparent_30: rgba(245, 245, 247, .7);
	--transparent_20: rgba(245, 245, 247, .8);
	--transparent_10: rgba(245, 245, 247, .9);

	--red: #e33639;
	--green: #118f54;
	--blue: #2f8ce3;
	--purple: #8131e3;
	--orange: #e3872b;
	--yellow: #e3872b;
	--dark: #c0c3d6;
	--white: #1b1c27;
	--grey: #8f93a8;

	--aqi_verygood: #15b068;
	--aqi_good: #118f54;
	--aqi_moderate: #bea54c;
	--aqi_poor: #bd6731;
	--aqi_verypoor: #b43636;
	--aqi_extremelypoor: #b438aa;

	--uv_low: #3ea72d;
	--uv_moderate: #fff300;
	--uv_high: #f18b00;
	--uv_veryhigh: #e53210;
	--uv_extreme: #b567a4;

	--rain: #d7f0ff;
	--snow: #b3def0;
	--zero: #78e6ff;
	--day: #939cbd;
	--day_bg: #ffffff;
	--night: #e3e8ed;
	--h_night: #f2f2f7;
	--h_day: #c0c3d6;
	--h_text: #1b1c27;
	--sunrise: #F2B36D;
	--sunset: #E07A5F;
	--chart: #a1a4c0;
	--chart_bg: #e8e9ef;

	--icon_select: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-selector" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="rgba(255,255,255,1)" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4"></path></svg>');
}