/* ============================================================
   Theme "dark" (dunkel).
   Alle Farben ausschliesslich rgb()/rgba() — niemals HEX.
   Siehe themes/light/theme.css fuer das Anlege-Prinzip.
   ============================================================ */

:root[data-theme="dark"] {
	--bg:               rgb(28, 30, 34);
	--text:             rgb(225, 227, 230);
	--text-leise:       rgb(150, 153, 158);
	--label:            rgb(175, 178, 183);
	--akzent:           rgb(96, 165, 230);
	--akzent-stark:     rgb(140, 195, 245);

	--panel-bg:         rgba(45, 48, 54, 0.92);
	--panel-border:     rgb(70, 74, 82);
	--karte-bg:         rgb(38, 41, 46);
	--karte-border:     rgb(70, 74, 82);

	--input-bg:         rgb(48, 51, 57);
	--input-border:     rgb(85, 89, 97);

	--btn-bg:           rgb(55, 110, 190);
	--btn-bg-hover:     rgb(75, 135, 215);
	--btn-text:         rgb(240, 244, 248);
	--btn-off-bg:       rgb(70, 74, 82);
	--btn-off-text:     rgb(130, 134, 140);

	--fehler:           rgb(240, 120, 120);
	--erfolg:           rgb(90, 200, 130);
	--erfolg-text:      rgb(10, 25, 15);
	--warnung:          rgb(230, 175, 70);
	--version:          rgb(110, 114, 122);

	--login-bg-1:       rgb(0, 70, 40);
	--login-bg-2:       rgb(0, 55, 110);
	--host-text:        rgb(220, 224, 230);
	--host-shadow:      rgba(0, 0, 0, 0.65);

	--cookie-info-bg:   rgba(40, 43, 49, 0.95);
	--cookie-text:      rgb(170, 173, 178);
}

/* "auto": folgt dem Betriebssystem — hier der Dunkel-Fall.
   Greift auch ohne JavaScript (kein data-theme gesetzt). */
@media (prefers-color-scheme: dark) {
	:root[data-theme="auto"],
	:root:not([data-theme]) {
		--bg:               rgb(28, 30, 34);
		--text:             rgb(225, 227, 230);
		--text-leise:       rgb(150, 153, 158);
		--label:            rgb(175, 178, 183);
		--akzent:           rgb(96, 165, 230);
		--akzent-stark:     rgb(140, 195, 245);

		--panel-bg:         rgba(45, 48, 54, 0.92);
		--panel-border:     rgb(70, 74, 82);
		--karte-bg:         rgb(38, 41, 46);
		--karte-border:     rgb(70, 74, 82);

		--input-bg:         rgb(48, 51, 57);
		--input-border:     rgb(85, 89, 97);

		--btn-bg:           rgb(55, 110, 190);
		--btn-bg-hover:     rgb(75, 135, 215);
		--btn-text:         rgb(240, 244, 248);
		--btn-off-bg:       rgb(70, 74, 82);
		--btn-off-text:     rgb(130, 134, 140);

		--fehler:           rgb(240, 120, 120);
		--erfolg:           rgb(90, 200, 130);
		--erfolg-text:      rgb(10, 25, 15);
		--warnung:          rgb(230, 175, 70);
		--version:          rgb(110, 114, 122);

		--login-bg-1:       rgb(0, 70, 40);
		--login-bg-2:       rgb(0, 55, 110);
		--host-text:        rgb(220, 224, 230);
		--host-shadow:      rgba(0, 0, 0, 0.65);

		--cookie-info-bg:   rgba(40, 43, 49, 0.95);
		--cookie-text:      rgb(170, 173, 178);
	}
}