/*
	Theme Name:		MiWiki 2023
	Theme Part:		j4b-colors.css
	Description:	CSS-Formatierungen für das Light-Theme
	Author:			Stefan Kuhn
	Author URI:		https://just4business.de/
	Template:		Generatepress Child-Theme MiWiki 2023
	Version:		0.1
*/



/*****************************************************************************
 *	Theme-Farben für den Light-Mode (Standardmodus)
 ****************************************************************************/

:root,
:root[data-theme="light"] {
	color-scheme: light;
	--wp-j4b-theme-color-lighter-1:						rgba(255,255,255,0.05);
	--wp-j4b-theme-color-lighter-2:						rgba(255,255,255,0.07);
	--wp-j4b-theme-color-lighter-3:						rgba(255,255,255,0.08);
	--wp-j4b-theme-color-lighter-4:						rgba(255,255,255,0.09);
	--wp-j4b-theme-color-lighter-5:						rgba(255,255,255,0.11);
	--wp-j4b-theme-color-lighter-6:						rgba(255,255,255,0.12);
	--wp-j4b-theme-color-lighter-7:						rgba(255,255,255,0.14);
	--wp-j4b-theme-color-lighter-8:						rgba(255,255,255,0.15);
	--wp-j4b-theme-color-lighter-9:						rgba(255,255,255,0.16);

	--wp-j4b-theme-color-darker-1:						rgba(0,0,0,0.05);
	--wp-j4b-theme-color-darker-2:						rgba(0,0,0,0.07);
	--wp-j4b-theme-color-darker-3:						rgba(0,0,0,0.08);
	--wp-j4b-theme-color-darker-4:						rgba(0,0,0,0.09);
	--wp-j4b-theme-color-darker-5:						rgba(0,0,0,0.11);
	--wp-j4b-theme-color-darker-6:						rgba(0,0,0,0.12);
	--wp-j4b-theme-color-darker-7:						rgba(0,0,0,0.14);
	--wp-j4b-theme-color-darker-8:						rgba(0,0,0,0.15);
	--wp-j4b-theme-color-darker-9:						rgba(0,0,0,0.16);

	--wp-j4b-theme-color-brand-1:						rgb(226, 38, 88);	/* #e22658 Jannot-Pink */
	--wp-j4b-theme-color-brand-2:						rgb(255, 153, 0);	/* #f90    Jannot-Gelb */

	--wp-j4b-theme-color-signal:						var(--wp-j4b-theme-color-brand-2);
	--wp-j4b-theme-color-on-signal:						rgb(255, 255, 255);

	--wp-j4b-theme-color-background:					rgba(255,255,255,1.00);
	--wp-j4b-theme-color-on-background:					rgba(0,0,0,0.87);				/* ehemals #2c282c */
	--wp-j4b-theme-color-on-background-medium:			rgba(0,0,0,0.60);
	--wp-j4b-theme-color-on-background-disabled:		rgba(0,0,0,0.38);
	--wp-j4b-theme-color-surface:						rgba(250,250,246,1.00);
	--wp-j4b-theme-color-on-surface:					var(--wp-j4b-theme-color-on-background);
	--wp-j4b-theme-color-on-surface-medium:				var(--wp-j4b-theme-color-on-background-medium);
	--wp-j4b-theme-color-on-surface-disabled:			var(--wp-j4b-theme-color-on-background-disabled);

	--wp-j4b-theme-color-accent:						var(--wp-j4b-theme-color-brand-1);
	--wp-j4b-theme-color-on-accent:						rgba(255,255,255,1.00);
	--wp-j4b-theme-color-accent-hover:					var(--wp-j4b-theme-color-signal);
	--wp-j4b-theme-color-on-accent-hover:				rgba(255,255,255,1.00);

	--wp-j4b-theme-color-menu:							var(--wp-j4b-theme-color-background);
	--wp-j4b-theme-color-on-menu:						rgba(0,0,0,.87);
	--wp-j4b-theme-color-menu-hover:					var(--wp-j4b-theme-color-lighter-9);
	--wp-j4b-theme-color-on-menu-hover:					var(--wp-j4b-theme-color-accent);
	--wp-j4b-theme-color-submenu:						var(--wp-j4b-theme-color-darker-1);
	--wp-j4b-theme-color-on-submenu:					var(--wp-j4b-theme-color-on-background);
	--wp-j4b-theme-color-subsubmenu:					var(--wp-j4b-theme-color-darker-1);
	--wp-j4b-theme-color-on-subsubmenu:					var(--wp-j4b-theme-color-on-background);
	--wp-j4b-theme-color-site-background:				var(--wp-j4b-theme-color-brand-1);
	--wp-j4b-theme-color-footer:						rgba(40,44,40,1.00);
	--wp-j4b-theme-color-on-footer:						rgba(255,255,255,0.60);
	--wp-j4b-theme-color-on-footer-hover:				var(--wp-j4b-theme-color-accent-hover);
	--wp-j4b-theme-color-searchbar:						rgba(33, 33, 33, 1);
	--wp-j4b-theme-color-on-searchbar:					rgba(224, 224, 224, 1);
}

/* Gutenberg Colors */

.has-wp-j-4-b-theme-color-brand-1-color {
	color: var(--wp-j4b-theme-color-brand-1);
}
.has-wp-j-4-b-theme-color-brand-1-background-color {
	background-color: var(--wp-j4b-theme-color-brand-1);
}

.has-wp-j-4-b-theme-color-brand-2-background-color {
	background-color: var(--wp-j4b-theme-color-brand-2);
}
.has-wp-j-4-b-theme-color-brand-2-color {
	color: var(--wp-j4b-theme-color-brand-2);
}

.has-wp-j-4-b-theme-color-background-color {
	color: var(--wp-j4b-theme-color-background);
}
.has-wp-j-4-b-theme-color-background-background-color {
	background-color: var(--wp-j4b-theme-color-background);
}

.has-wp-j-4-b-theme-color-on-background-color {
	color: var(--wp-j4b-theme-color-on-background);
}
.has-wp-j-4-b-theme-color-on-background-background-color {
	background-color: var(--wp-j4b-theme-color-on-background);
}

.has-wp-j-4-b-theme-color-on-background-medium-color {
	color: var(--wp-j4b-theme-color-on-background-medium);
}
.has-wp-j-4-b-theme-color-on-background-medium-background-color {
	background-color: var(--wp-j4b-theme-color-on-background-medium);
}

.has-wp-j-4-b-theme-color-on-background-disabled-color {
	color: var(--wp-j4b-theme-color-on-background-disabled);
}
.has-wp-j-4-b-theme-color-on-background-disabled-background-color {
	background-color: var(--wp-j4b-theme-color-on-background-disabled);
}



.has-wp-j-4-b-theme-color-darker-1-color {
	color: var(--wp-j4b-theme-color-darker-1);
}
.has-wp-j-4-b-theme-color-darker-1-background-color {
	background-color: var(--wp-j4b-theme-color-darker-1);
}

.has-wp-j-4-b-theme-color-darker-2-color {
	color: var(--wp-j4b-theme-color-darker-2);
}
.has-wp-j-4-b-theme-color-darker-2-background-color {
	background-color: var(--wp-j4b-theme-color-darker-2);
}

.has-wp-j-4-b-theme-color-darker-3-color {
	color: var(--wp-j4b-theme-color-darker-3);
}
.has-wp-j-4-b-theme-color-darker-3-background-color {
	background-color: var(--wp-j4b-theme-color-darker-3);
}

.has-wp-j-4-b-theme-color-darker-4-color {
	color: var(--wp-j4b-theme-color-darker-4);
}
.has-wp-j-4-b-theme-color-darker-4-background-color {
	background-color: var(--wp-j4b-theme-color-darker-4);
}

.has-wp-j-4-b-theme-color-darker-5-color {
	color: var(--wp-j4b-theme-color-darker-5);
}
.has-wp-j-4-b-theme-color-darker-5-background-color {
	background-color: var(--wp-j4b-theme-color-darker-5);
}

.has-wp-j-4-b-theme-color-darker-6-color {
	color: var(--wp-j4b-theme-color-darker-6);
}
.has-wp-j-4-b-theme-color-darker-6-background-color {
	background-color: var(--wp-j4b-theme-color-darker-6);
}

.has-wp-j-4-b-theme-color-darker-7-color {
	color: var(--wp-j4b-theme-color-darker-7);
}
.has-wp-j-4-b-theme-color-darker-7-background-color {
	background-color: var(--wp-j4b-theme-color-darker-7);
}

.has-wp-j-4-b-theme-color-darker-8-color {
	color: var(--wp-j4b-theme-color-darker-8);
}
.has-wp-j-4-b-theme-color-darker-8-background-color {
	background-color: var(--wp-j4b-theme-color-darker-8);
}

.has-wp-j-4-b-theme-color-darker-9-color {
	color: var(--wp-j4b-theme-color-darker-9);
}
.has-wp-j-4-b-theme-color-darker-9-background-color {
	background-color: var(--wp-j4b-theme-color-darker-9);
}



.has-wp-j-4-b-theme-color-lighter-1-color {
	color: var(--wp-j4b-theme-color-lighter-1);
}
.has-wp-j-4-b-theme-color-lighter-1-background-color {
	background-color: var(--wp-j4b-theme-color-lighter-1);
}

.has-wp-j-4-b-theme-color-lighter-2-color {
	color: var(--wp-j4b-theme-color-lighter-2);
}
.has-wp-j-4-b-theme-color-lighter-2-background-color {
	background-color: var(--wp-j4b-theme-color-lighter-2);
}

.has-wp-j-4-b-theme-color-lighter-3-color {
	color: var(--wp-j4b-theme-color-lighter-3);
}
.has-wp-j-4-b-theme-color-lighter-3-background-color {
	background-color: var(--wp-j4b-theme-color-lighter-3);
}

.has-wp-j-4-b-theme-color-lighter-4-color {
	color: var(--wp-j4b-theme-color-lighter-4);
}
.has-wp-j-4-b-theme-color-lighter-4-background-color {
	background-color: var(--wp-j4b-theme-color-lighter-4);
}

.has-wp-j-4-b-theme-color-lighter-5-color {
	color: var(--wp-j4b-theme-color-lighter-5);
}
.has-wp-j-4-b-theme-color-lighter-5-background-color {
	background-color: var(--wp-j4b-theme-color-lighter-5);
}

.has-wp-j-4-b-theme-color-lighter-6-color {
	color: var(--wp-j4b-theme-color-lighter-6);
}
.has-wp-j-4-b-theme-color-lighter-6-background-color {
	background-color: var(--wp-j4b-theme-color-lighter-6);
}

.has-wp-j-4-b-theme-color-lighter-7-color {
	color: var(--wp-j4b-theme-color-lighter-7);
}
.has-wp-j-4-b-theme-color-lighter-7-background-color {
	background-color: var(--wp-j4b-theme-color-lighter-7);
}

.has-wp-j-4-b-theme-color-lighter-8-color {
	color: var(--wp-j4b-theme-color-lighter-8);
}
.has-wp-j-4-b-theme-color-lighter-8-background-color {
	background-color: var(--wp-j4b-theme-color-lighter-8);
}

.has-wp-j-4-b-theme-color-lighter-9-color {
	color: var(--wp-j4b-theme-color-lighter-9);
}
.has-wp-j-4-b-theme-color-lighter-9-background-color {
	background-color: var(--wp-j4b-theme-color-lighter-9);
}