@charset "utf-8";

/*
#######################################################################

Farbschema (Light- und Dark Mode sind weiter unten)

fg = foreground
bg = background
brd = border
brd-lgt = border light
brd-drk = border dark
shd = shadow
dts = DeviceTooSmall
art = article

#######################################################################
*/

:root {
	/* Grundfarben */
	--fg-html: #000000;
	--bg-html: #008800;
	--fg-body: #000000;
	--bg-body: #008800;
	--fg-dts: #000000;
	--bg-dts: #008800;
	--fg-header: #000000;
	--bg-header: #008800;
	--fg-button: #000000;
	--bg-button: #008800;
	--fg-dlg: #000000;
	--bg-dlg: #008800;
}

/*
#######################################################################

Farbschema hell

fg = foreground
bg = background
brd = border
brd-lgt = border light
brd-drk = border dark
shd = shadow
dts = DeviceTooSmall
art = article

#######################################################################
*/

@media (prefers-color-scheme: light) {
	:root {
	/* Grundfarben */
	--dts-fg: #FEEDD1;
	--dts-bg: transparent;

	--standard-fg: #331F00;
	--standard-bg: #FEEDD1;
	--standard-shd: #775c2e;
	--standard-box-shd: #190F00;

	--html-fg: #000000;
	--html-bg: #000000;
	--body-fg: #552700;
	--body-bg: #FEEDD1;

	--header-fg: #552700;
	--header-bg: #FEEDD1;
	--header-shd: #190F00;
	--header-verlauf-innen: linear-gradient(to bottom, #CEB182, #E6CFA9);
	--header-verlauf-aussen: linear-gradient(to bottom, #E6CFA9, #CEB182);

	--artikel-verlauf-rahmen-innen: linear-gradient(to bottom, #D3B483, #EAD1A9);
	--artikel-verlauf-rahmen-aussen: linear-gradient(to bottom, #EAD1A9, #D3B483);

	/* --fg-header: #1f1f1f;
	--bg-header: #DAC299;
	--shd-header: #552700;
	--fg-footer: #1A1A1A;
	--bg-footer: #DAC299;
	--shd-footer: #552700; */
	/* --fg-main: #2A2A2A;
	--bg-main: #FEEDD1;
	--fg-button: #161616;
	--bg-button: #DAC299;
	--brd-lgt-button: #FFEED2;
	--brd-drk-button: #957743;
	--shd-button: #552700;
	--fg-dlg: #181818;
	--bg-dlg: #FEEDD1;
	--brd-dlg: #515252;
	--shd-dlg: #552700;
	--fg-art: #242424;
	--bg-art: #FEEDD1;
	--shd-art: #552700;
	--brd-lgt-art: #DAC299;
	--brd-drk-art: #957743;
	--fg-datum-art: #2E4272;
	--fg-logo-art: #AA3939; */
	/*  */
	/* --h1-clr: #341800; */
	/* --h1-clr: #552700;
	--h2-clr: #552700;
	--h3-clr: #552700;
	--p-clr: #552700; */
	}
}

/*
#######################################################################

Farbschema dunkel

fg = foreground
bg = background
std = standard

brd = border
brd-lgt = border light
brd-drk = border dark
shd = shadow
dts = DeviceTooSmall
art = article

#######################################################################
*/

@media (prefers-color-scheme: dark) {
	:root {
	/* Grundfarben */
	--dts-fg: #FEEDD1;
	--dts-bg: transparent;

	--standard-fg: #FEEDD1;
	--standard-bg: #2A2A2A;
	--standard-shd: #181818;
	--standard-box-shd: #080808;

	--html-fg: #FFFFFF;
	--html-bg: #000000;
	--body-fg: #FEEDD1;
	--body-bg: #2A2A2A;

	--header-fg: #FEEDD1;
	--header-bg: #1A1A1A;
	--header-shd: #080808;
	--header-verlauf-innen: linear-gradient(to bottom, #080808, #3A3A3A);
	--header-verlauf-aussen: linear-gradient(to bottom, #3A3A3A, #080808);

	--fg-footer: #FEEDD1;
	--bg-footer: #1A1A1A;
	--shd-footer: #080808;

	--artikel-verlauf-rahmen-innen: linear-gradient(to bottom, #1A1A1A, #3A3A3A);
	--artikel-verlauf-rahmen-aussen: linear-gradient(to bottom, #3A3A3A, #1A1A1A);

	--main-fg: #FEEDD1;
	--main-bg: #323232;
	--inhalt-fg: #FEEDD1;
	--inhalt-bg: #202020;
	--inhalt-brd-dark: #1A1A1A;
	--inhalt-brd-light: #3A3A3A;
	--inhalt-shd: #181818;

	--inhalt-bg-aussen: linear-gradient(to bottom, #3A3A3A, #1A1A1A);
	--inhalt-bg-innen: linear-gradient(to bottom, #1A1A1A, #3A3A3A);
	--inhalt-bg-inhalt: linear-gradient(to bottom, #3A3A3A, #000000);
	
	/* background-image: linear-gradient(to bottom, #404040, #000000) */

	/* --fg-button: #FEEDD1;
	--bg-button: #161616;
	--brd-lgt-button: #2C2C2C;
	--brd-drk-button: #181818;
	--shd-button: #080808;
	--fg-dlg: #FEEDD1;
	--bg-dlg: #2A2A2A;
	--brd-dlg: #515252;
	--shd-dlg: #080808;
	--fg-art: #FEEDD1;
	--bg-art: #242424;
	--shd-art: #080808;
	--brd-lgt-art: #4C4C4C;
	--brd-drk-art: #181818;
	--fg-datum-art: #2370bd;
	--fg-logo-art: #ce2424; */
	/*  */
	/* --h1-clr: #FEEDD1;
	--h2-clr: #DBC299;
	--h3-clr: #B79865;
	--p-clr: #FEEDD1; */
	}
}