/* default values, changed via style settings */
body {
	--bg-hue-light: 230;
	--bg-hue-dark: 230;
}

/* GAMMA color scheme */
.theme-light {
	--bg-sat: 25%;
	--bg-hue: var(--bg-hue-light);

	/* --color-accent-hsl needs commas, otherwise dependent colors are not display correctly */
	--color-accent-hsl: 184, 79%, 35%;
	--color-accent: hsl(184 79% 35%);
	--interactive-accent: hsl(184 79% 30%);
	--alt-heading-color: hsl(232 34% 50%);
	--secondary-accent: hsl(28 54% 51%);
	--hover-accent: hsl(328 70% 54%);
	--link-unresolved-color: hsl(101 42% 51%);
}

.theme-dark {
	--bg-sat: 15%;
	--bg-hue: var(--bg-hue-dark);

	/* --color-accent-hsl needs commas, otherwise dependent colors are not display correctly */
	--color-accent-hsl: 184, 79%, 45%;
	--color-accent: hsl(184 79% 45%);
	--interactive-accent: hsl(184 79% 30%);
	--alt-heading-color: hsl(232 50% 70%);
	--secondary-accent: hsl(28 63% 61%);
	--hover-accent: hsl(328 80% 64%);
	--link-unresolved-color: hsl(101 42% 51%);
}

/* ────────────────────────────────────────────────────────────────────────── */

/* Hide background color sliders when not using the default color scheme */
body:not(.colorscheme-gamma) .style-settings-container
	.setting-item:is([data-id="bg-hue-light"], [data-id="bg-hue-dark"]) {
	display: none;
}
