/* Alternative Farbpaletten: html[data-theme-palette="…"] überschreibt :root-Tokens */

html[data-theme-palette="slate"] {
	--bg: #eef1f5;
	--bg2: #e8ecf2;
	--border: rgba(30, 42, 58, 0.14);
	--border-soft: rgba(30, 42, 58, 0.09);
	--hover-bg: rgba(45, 90, 120, 0.08);
	--text: rgba(22, 32, 48, 0.92);
	--muted: rgba(22, 32, 48, 0.58);
	--muted-2: rgba(22, 32, 48, 0.14);
	--cta: #2d6a84;
	--cta-2: #1e4a5c;
	--cta-btn-gradient: linear-gradient(145deg, rgba(45, 106, 132, 0.98), rgba(30, 74, 92, 0.98));
	--cta-btn-border: rgba(20, 50, 65, 0.25);
	--cta-btn-text: #f0f8fc;
	--good: #1a7d5c;
	--good-bg: rgba(26, 125, 92, 0.1);
	--shadow: 0 18px 44px rgba(22, 40, 55, 0.12);
	--shadow-2: 0 12px 28px rgba(22, 40, 55, 0.1);
	--ring: 0 0 0 3px rgba(45, 106, 132, 0.22);
	--promo-bar-gradient: linear-gradient(135deg, #1a3550 0%, #2d6a84 55%, #244060 100%);
	--topbar-glass-bg: rgba(240, 246, 250, 0.82);
}

html[data-theme-palette="forest"] {
	--bg: #f0f3ec;
	--bg2: #e8ede3;
	--border: rgba(35, 55, 35, 0.14);
	--border-soft: rgba(35, 55, 35, 0.09);
	--hover-bg: rgba(56, 92, 56, 0.08);
	--text: rgba(24, 38, 24, 0.92);
	--muted: rgba(24, 38, 24, 0.6);
	--muted-2: rgba(24, 38, 24, 0.14);
	--cta: #3d6b3d;
	--cta-2: #2a4a2a;
	--cta-btn-gradient: linear-gradient(145deg, rgba(61, 107, 61, 0.98), rgba(42, 74, 42, 0.98));
	--cta-btn-border: rgba(28, 48, 28, 0.28);
	--cta-btn-text: #f2faf0;
	--good: #2d7a45;
	--good-bg: rgba(45, 122, 69, 0.1);
	--shadow: 0 18px 44px rgba(30, 48, 30, 0.12);
	--shadow-2: 0 12px 28px rgba(30, 48, 30, 0.1);
	--ring: 0 0 0 3px rgba(61, 107, 61, 0.22);
	--promo-bar-gradient: linear-gradient(135deg, #1e351e 0%, #2a4a2a 55%, #284428 100%);
	--topbar-glass-bg: rgba(244, 248, 242, 0.85);
}