/* ============================================================
   Theme "light" (hell) — Standard.
   Alle Farben ausschliesslich rgb()/rgba() — niemals HEX,
   damit der "#" nie zur Falle fuer Lucee/ColdFusion wird.

   Ein Theme = ein Verzeichnis unter assets/css/themes/.
   Ein neues Theme anlegen: neues Verzeichnis mit einer theme.css,
   die ihre Variablen unter :root[data-theme="<name>"] definiert.
   head_css.cfm bindet jedes gefundene Theme automatisch ein,
   der Umschalter listet es automatisch auf.
   ============================================================ */

:root[data-theme="light"],
:root:not([data-theme]) {
	--bg:               rgb(225, 225, 225);
	--text:             rgb(35, 35, 35);
	--text-leise:       rgb(110, 110, 110);
	--label:            rgb(75, 75, 75);
	--akzent:           rgb(0, 80, 155);
	--akzent-stark:     rgb(0, 60, 115);

	--panel-bg:         rgba(210, 210, 210, 0.82);
	--panel-border:     rgb(185, 185, 185);
	--karte-bg:         rgb(245, 245, 245);
	--karte-border:     rgb(200, 200, 200);

	--input-bg:         rgb(225, 225, 225);
	--input-border:     rgb(175, 175, 175);

	--btn-bg:           rgb(75, 135, 215);
	--btn-bg-hover:     rgb(45, 115, 205);
	--btn-text:         rgb(0, 0, 0);
	--btn-off-bg:       rgb(195, 195, 195);
	--btn-off-text:     rgb(115, 115, 115);

	--fehler:           rgb(175, 35, 35);
	--erfolg:           rgb(20, 130, 60);
	--erfolg-text:      rgb(255, 255, 255);
	--warnung:          rgb(180, 110, 0);
	--version:          rgb(145, 145, 155);

	--login-bg-1:       rgb(0, 132, 59);
	--login-bg-2:       rgb(0, 102, 204);
	--host-text:        rgb(235, 235, 240);
	--host-shadow:      rgba(0, 0, 0, 0.45);

	--cookie-info-bg:   rgba(220, 220, 220, 0.92);
	--cookie-text:      rgb(85, 85, 85);
}

/* "auto": folgt dem Betriebssystem — hier der Hell-Fall. */
@media (prefers-color-scheme: light) {
	:root[data-theme="auto"] {
		--bg:               rgb(225, 225, 225);
		--text:             rgb(35, 35, 35);
		--text-leise:       rgb(110, 110, 110);
		--label:            rgb(75, 75, 75);
		--akzent:           rgb(0, 80, 155);
		--akzent-stark:     rgb(0, 60, 115);

		--panel-bg:         rgba(210, 210, 210, 0.82);
		--panel-border:     rgb(185, 185, 185);
		--karte-bg:         rgb(245, 245, 245);
		--karte-border:     rgb(200, 200, 200);

		--input-bg:         rgb(225, 225, 225);
		--input-border:     rgb(175, 175, 175);

		--btn-bg:           rgb(75, 135, 215);
		--btn-bg-hover:     rgb(45, 115, 205);
		--btn-text:         rgb(0, 0, 0);
		--btn-off-bg:       rgb(195, 195, 195);
		--btn-off-text:     rgb(115, 115, 115);

		--fehler:           rgb(175, 35, 35);
		--erfolg:           rgb(20, 130, 60);
		--erfolg-text:      rgb(255, 255, 255);
		--warnung:          rgb(180, 110, 0);
		--version:          rgb(145, 145, 155);

		--login-bg-1:       rgb(0, 132, 59);
		--login-bg-2:       rgb(0, 102, 204);
		--host-text:        rgb(235, 235, 240);
		--host-shadow:      rgba(0, 0, 0, 0.45);

		--cookie-info-bg:   rgba(220, 220, 220, 0.92);
		--cookie-text:      rgb(85, 85, 85);
	}
}