/*
	CSS Stylesheet „colors“
	Version 2023-11-15a
	© 2023 m-ds GmbH
*/

:root {
	--meki-blue-hue         : 197; /* #009bd6 */
	--meki-blue-saturation  : 100%;
	--meki-blue-lightness   :  42%;
	--meki-blue-lightness-1 :  81%;
	--meki-blue-lightness-2 :  61%;
	--meki-blue-lightness-3 :  21%;
	--meki-blue-lightness-4 :  11%;
	--meki-blue             : hsl(var(--meki-blue-hue), var(--meki-blue-saturation), var(--meki-blue-lightness));
	--meki-blue-1           : hsl(var(--meki-blue-hue), var(--meki-blue-saturation), var(--meki-blue-lightness-1));
	--meki-blue-2           : hsl(var(--meki-blue-hue), var(--meki-blue-saturation), var(--meki-blue-lightness-2));
	--meki-blue-3           : hsl(var(--meki-blue-hue), var(--meki-blue-saturation), var(--meki-blue-lightness-3));
	--meki-blue-4           : hsl(var(--meki-blue-hue), var(--meki-blue-saturation), var(--meki-blue-lightness-4));

	--meki-brown-hue         :  33; /* #cea16b */
	--meki-brown-saturation  :  50%;
	--meki-brown-lightness   :  61%;
	--meki-brown-lightness-1 :  87%;
	--meki-brown-lightness-2 :  74%;
	--meki-brown-lightness-3 :  31%;
	--meki-brown-lightness-4 :  15%;
	--meki-brown             : hsl(var(--meki-brown-hue), var(--meki-brown-saturation), var(--meki-brown-lightness));
	--meki-brown-1           : hsl(var(--meki-brown-hue), var(--meki-brown-saturation), var(--meki-brown-lightness-1));
	--meki-brown-2           : hsl(var(--meki-brown-hue), var(--meki-brown-saturation), var(--meki-brown-lightness-2));
	--meki-brown-3           : hsl(var(--meki-brown-hue), var(--meki-brown-saturation), var(--meki-brown-lightness-3));
	--meki-brown-4           : hsl(var(--meki-brown-hue), var(--meki-brown-saturation), var(--meki-brown-lightness-4));

	--meki-green-hue         :  74; /* #95be10 */
	--meki-green-saturation  :  84%;
	--meki-green-lightness   :  40%;
	--meki-green-lightness-1 :  80%;
	--meki-green-lightness-2 :  60%;
	--meki-green-lightness-3 :  20%;
	--meki-green-lightness-4 :  10%;
	--meki-green             : hsl(var(--meki-green-hue), var(--meki-green-saturation), var(--meki-green-lightness));
	--meki-green-1           : hsl(var(--meki-green-hue), var(--meki-green-saturation), var(--meki-green-lightness-1));
	--meki-green-2           : hsl(var(--meki-green-hue), var(--meki-green-saturation), var(--meki-green-lightness-2));
	--meki-green-3           : hsl(var(--meki-green-hue), var(--meki-green-saturation), var(--meki-green-lightness-3));
	--meki-green-4           : hsl(var(--meki-green-hue), var(--meki-green-saturation), var(--meki-green-lightness-4));

	--meki-red-hue         :  14; /* #e74310 */
	--meki-red-saturation  :  87%;
	--meki-red-lightness   :  48%;
	--meki-red-lightness-1 :  83%;
	--meki-red-lightness-2 :  65%;
	--meki-red-lightness-3 :  24%;
	--meki-red-lightness-4 :  12%;
	--meki-red             : hsl(var(--meki-red-hue), var(--meki-red-saturation), var(--meki-red-lightness));
	--meki-red-1           : hsl(var(--meki-red-hue), var(--meki-red-saturation), var(--meki-red-lightness-1));
	--meki-red-2           : hsl(var(--meki-red-hue), var(--meki-red-saturation), var(--meki-red-lightness-2));
	--meki-red-3           : hsl(var(--meki-red-hue), var(--meki-red-saturation), var(--meki-red-lightness-3));
	--meki-red-4           : hsl(var(--meki-red-hue), var(--meki-red-saturation), var(--meki-red-lightness-4));

	--meki-yellow-hue         :  50; /* #ffd500 */
	--meki-yellow-saturation  : 100%;
	--meki-yellow-lightness   :  50%;
	--meki-yellow-lightness-1 :  83%;
	--meki-yellow-lightness-2 :  67%;
	--meki-yellow-lightness-3 :  25%;
	--meki-yellow-lightness-4 :  13%;
	--meki-yellow             : hsl(var(--meki-yellow-hue), var(--meki-yellow-saturation), var(--meki-yellow-lightness));
	--meki-yellow-1           : hsl(var(--meki-yellow-hue), var(--meki-yellow-saturation), var(--meki-yellow-lightness-1));
	--meki-yellow-2           : hsl(var(--meki-yellow-hue), var(--meki-yellow-saturation), var(--meki-yellow-lightness-2));
	--meki-yellow-3           : hsl(var(--meki-yellow-hue), var(--meki-yellow-saturation), var(--meki-yellow-lightness-3));
	--meki-yellow-4           : hsl(var(--meki-yellow-hue), var(--meki-yellow-saturation), var(--meki-yellow-lightness-4));

	/****************************************************************************************************/

	--color-focus : var(--meki-green);
}