: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--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;
	--color--bordeaux-0 : #e63946;
	/* color for buttons */
/*
	--color--lime-0:   #04aa6d;
*/
	--color--lime-0:   var(--color--green-0);
	/* filter : see https://posstack.com/css-color-filter-generator/ */
	
	--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);
	/* */
/*
	--filter--lime-0:   brightness(0) saturate(100%) invert(46%) sepia(94%) saturate(1546%) hue-rotate(124deg) brightness(88%) contrast(97%);
*/
	--filter--lime-0:   var(--filter--green-0);
}
:root{ 
	/* color (day) */
	--color--black-0:  #000;
	--color--white-0:  #fff;
	--filter--white-0: brightness(0) invert(1);
	--filter--black-0: brightness(0) saturate(100%) invert(0%) sepia(68%) saturate(7453%) hue-rotate(245deg) brightness(71%) contrast(92%);
}
/*
:root{
	/* color (night) * /
	--color--black-0:  #fff;
	--color--white-0:  #000;
	--filter--black-0: brightness(0) invert(1);
	--filter--white-0: brightness(0) saturate(100%) invert(0%) sepia(68%) saturate(7453%) hue-rotate(245deg) brightness(71%) contrast(92%);
}