/**
 * Auto-generierte CSS Color Schemes
 * Generiert aus: assets/config/color-schemes.json
 * Datum: 2025-12-12 10:07:59
 * 
 * WARNUNG: Diese Datei wird automatisch generiert.
 * Manuelle Änderungen werden überschrieben!
 */

:root {
	--foreground-100: hsla(0, 0%, 12%, 1);
	--foreground-95: hsla(0, 0%, 18%, 1);
	--foreground-85: hsla(0, 0%, 20%, 1);
	--foreground-70: hsla(0, 0%, 32%, 1);
	--foreground-55: hsla(0, 0%, 45%, 1);
	--foreground-40: hsla(0, 0%, 60%, 1);
	--foreground-25: hsla(0, 0%, 75%, 1);
	--foreground-10: hsla(0, 0%, 90%, 1);
	--foreground-5: hsla(0, 0%, 95%, 1);
	--foreground-0: hsla(0, 0%, 100%, 1);
}

html[data-theme="dark"] {
	--foreground-100: hsla(0, 0%, 100%, 1);
	--foreground-95: hsla(0, 0%, 92%, 1);
	--foreground-85: hsla(0, 0%, 85%, 1);
	--foreground-70: hsla(0, 0%, 75%, 1);
	--foreground-55: hsla(0, 0%, 60%, 1);
	--foreground-40: hsla(0, 0%, 45%, 1);
	--foreground-25: hsla(0, 0%, 32%, 1);
	--foreground-10: hsla(0, 0%, 15%, 1);
	--foreground-0: hsla(0, 0%, 12%, 1);
}

html[data-theme="ocean"] {
	--foreground-100: hsla(200, 100%, 95%, 1);
	--foreground-95: hsla(200, 95%, 90%, 1);
	--foreground-85: hsla(200, 90%, 80%, 1);
	--foreground-70: hsla(200, 80%, 65%, 1);
	--foreground-55: hsla(200, 70%, 50%, 1);
	--foreground-40: hsla(200, 60%, 40%, 1);
	--foreground-25: hsla(200, 50%, 30%, 1);
	--foreground-10: hsla(200, 40%, 20%, 1);
	--foreground-0: hsla(200, 30%, 10%, 1);
}

html[data-theme="earth"] {
	--foreground-100: hsla(30, 30%, 95%, 1);
	--foreground-95: hsla(30, 30%, 90%, 1);
	--foreground-85: hsla(30, 30%, 80%, 1);
	--foreground-70: hsla(30, 25%, 65%, 1);
	--foreground-55: hsla(30, 25%, 50%, 1);
	--foreground-40: hsla(30, 20%, 40%, 1);
	--foreground-25: hsla(30, 20%, 30%, 1);
	--foreground-10: hsla(30, 15%, 20%, 1);
	--foreground-0: hsla(30, 15%, 10%, 1);
}

html[data-theme="forest"] {
	--foreground-100: hsla(120, 60%, 95%, 1);
	--foreground-95: hsla(120, 55%, 90%, 1);
	--foreground-85: hsla(120, 50%, 80%, 1);
	--foreground-70: hsla(120, 50%, 65%, 1);
	--foreground-55: hsla(120, 45%, 50%, 1);
	--foreground-40: hsla(120, 40%, 40%, 1);
	--foreground-25: hsla(120, 35%, 30%, 1);
	--foreground-10: hsla(120, 30%, 20%, 1);
	--foreground-0: hsla(120, 25%, 10%, 1);
}

html[data-theme="sunset"] {
	--foreground-100: hsla(20, 80%, 95%, 1);
	--foreground-95: hsla(20, 75%, 92%, 1);
	--foreground-85: hsla(20, 70%, 85%, 1);
	--foreground-70: hsla(20, 60%, 65%, 1);
	--foreground-55: hsla(20, 50%, 50%, 1);
	--foreground-40: hsla(20, 50%, 40%, 1);
	--foreground-25: hsla(20, 45%, 30%, 1);
	--foreground-10: hsla(20, 40%, 20%, 1);
	--foreground-0: hsla(20, 35%, 10%, 1);
}