:root{ /* color */
	--color--none:       #f0f;
	--background--none:  #f0f;
	--borderColor--none: #0ff;
	--svgcolor--none:    brightness(0) saturate(100%) invert(29%) sepia(57%) saturate(7499%) hue-rotate(350deg) brightness(88%) contrast(136%);
	--color--black-0:  #000;
	--color--white-0:  #fff;
	--color--white-1:  #f4f4f4;
	--color--white-2:  #f9f9f9;
	--color--red-0:    #ec685a;
	--color--red-1:    #fc685a;
	--color--red-2:    #ff685a;
	--color--orange-0: #f59e1e;
	--color--green-0:  #61bfba;
	--color--green-1:  #409f99;
	--color--green-2:  #207f79;
	--color--grey-0:   #aaa;
	--color--grey-1:   #111;
	/* filter : see https://posstack.com/css-color-filter-generator/ */
	--filter--white-0:  brightness(0) invert(1);
	--filter--green-0:  brightness(0) saturate(100%) invert(67%) sepia(22%) saturate(771%) hue-rotate(128deg) brightness(100%) contrast(85%);
	--filter--grey-0:   brightness(0) saturate(100%) invert(14%) sepia(0%) saturate(0%) hue-rotate(296deg) brightness(96%) contrast(84%);
	--filter--grey-1:   brightness(0) saturate(100%) invert(0%) sepia(11%) saturate(2590%) hue-rotate(338deg) brightness(90%) contrast(87%);
	--filter--red-0:    brightness(0) saturate(100%) invert(71%) sepia(22%) saturate(2593%) hue-rotate(311deg) brightness(86%) contrast(123%);
	--filter--orange-0: brightness(0) saturate(100%) invert(72%) sepia(22%) saturate(5448%) hue-rotate(348deg) brightness(105%) contrast(92%);
	/**/
	--transparent--white-0:rgba(0,0,0,0.2);
	--transparent--white-1:rgba(0,0,0,0.4);
}