@font-face {
	font-family: "Karla";
	font-style: normal;
	src: url("/assets/fonts/KarlaVF.woff2") format("woff2"),
		url("/assets/fonts/KarlaVF.ttf") format("truetype"),
		url("/assets/fonts/KarlaMedium.otf") format("opentype");
}
@font-face {
	font-family: "Karla";
	font-style: italic;
	src: url("/assets/fonts/KarlaItalicVF.woff2") format("woff2"),
		url("/assets/fonts/KarlaItalicVF.ttf") format("truetype"),
		url("/assets/fonts/KarlaItalicMedium.otf") format("opentype");
}
@font-face {
	font-family: "Playfair";
	font-style: normal;
	src: url("/assets/fonts/PlayfairRomanVF.woff2") format("woff2"),
		url("/assets/fonts/PlayfairRomanVF.ttf") format("truetype"),
		url("/assets/fonts/PlayfairDisplay.otf") format("opentype");
}
@font-face {
	font-family: "Playfair";
	font-style: italic;
	src: url("/assets/fonts/PlayfairItalicVF.woff2") format("woff2"),
		url("/assets/fonts/PlayfairItalicVF.ttf") format("truetype"),
		url("/assets/fonts/PlayfairDisplayItalic.otf") format("opentype");
}

:root * {
	--theme-accent-hue: var(--user-theme-accent-hue, 280);
	--theme-accent-saturation: var(--user-theme-accent-saturation, 95%);
	--theme-accent-10: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 7%);
	--theme-accent-20: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 10%);
	--theme-accent-30: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 13%);
	--theme-accent-40: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 16%);
	--theme-accent-50: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 19%);
	--theme-accent-60: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 23%);
	--theme-accent-70: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 28%);
	--theme-accent-80: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 38%);
	--theme-accent-90: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 43%);
	--theme-accent-100: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 48%);
	--theme-accent-110: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 71%);
	--theme-accent-120: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 93%);

	--theme-neutral-hue: var(--user-theme-neutral-hue, 0);
	--theme-neutral-saturation: var(--user-theme-neutral-saturation, 0%);
	--theme-neutral-10: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 7%);
	--theme-neutral-20: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 10%);
	--theme-neutral-30: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 13%);
	--theme-neutral-40: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 16%);
	--theme-neutral-50: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 19%);
	--theme-neutral-60: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 23%);
	--theme-neutral-70: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 28%);
	--theme-neutral-80: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 38%);
	--theme-neutral-90: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 43%);
	--theme-neutral-100: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 48%);
	--theme-neutral-110: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 71%);
	--theme-neutral-120: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 93%);

	--theme-success-hue: var(--user-theme-sucesss-hue, 120);
	--theme-success-saturation: var(--user-theme-sucesss-saturation, 95%);
	--theme-success-10: hsl(var(--theme-success-hue), var(--theme-success-saturation), 7%);
	--theme-success-20: hsl(var(--theme-success-hue), var(--theme-success-saturation), 10%);
	--theme-success-30: hsl(var(--theme-success-hue), var(--theme-success-saturation), 13%);
	--theme-success-40: hsl(var(--theme-success-hue), var(--theme-success-saturation), 16%);
	--theme-success-50: hsl(var(--theme-success-hue), var(--theme-success-saturation), 19%);
	--theme-success-60: hsl(var(--theme-success-hue), var(--theme-success-saturation), 23%);
	--theme-success-70: hsl(var(--theme-success-hue), var(--theme-success-saturation), 28%);
	--theme-success-80: hsl(var(--theme-success-hue), var(--theme-success-saturation), 38%);
	--theme-success-90: hsl(var(--theme-success-hue), var(--theme-success-saturation), 43%);
	--theme-success-100: hsl(var(--theme-success-hue), var(--theme-success-saturation), 48%);
	--theme-success-110: hsl(var(--theme-success-hue), var(--theme-success-saturation), 71%);
	--theme-success-120: hsl(var(--theme-success-hue), var(--theme-success-saturation), 93%);

	--theme-danger-hue: var(--user-theme-danger-hue, 10);
	--theme-danger-saturation: var(--user-theme-danger-saturation, 95%);
	--theme-danger-10: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 7%);
	--theme-danger-20: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 10%);
	--theme-danger-30: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 13%);
	--theme-danger-40: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 16%);
	--theme-danger-50: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 19%);
	--theme-danger-60: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 23%);
	--theme-danger-70: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 28%);
	--theme-danger-80: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 38%);
	--theme-danger-90: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 43%);
	--theme-danger-100: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 48%);
	--theme-danger-110: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 71%);
	--theme-danger-120: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 93%);

	--theme-warn-hue: var(--user-theme-warn-hue, 60);
	--theme-warn-saturation: var(--user-theme-warn-saturation, 95%);
	--theme-warn-10: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 7%);
	--theme-warn-20: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 10%);
	--theme-warn-30: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 13%);
	--theme-warn-40: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 16%);
	--theme-warn-50: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 19%);
	--theme-warn-60: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 23%);
	--theme-warn-70: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 28%);
	--theme-warn-80: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 38%);
	--theme-warn-90: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 43%);
	--theme-warn-100: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 48%);
	--theme-warn-110: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 71%);
	--theme-warn-120: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 93%);
}


@media (prefers-color-scheme: light) {
	:root * {
		--theme-accent-10: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 99%);
		--theme-accent-20: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 98%);
		--theme-accent-30: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 94%);
		--theme-accent-40: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 91%);
		--theme-accent-50: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 88%);
		--theme-accent-60: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 85%);
		--theme-accent-70: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 81%);
		--theme-accent-80: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 73%);
		--theme-accent-90: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 55%);
		--theme-accent-100: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 51%);
		--theme-accent-110: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 39%);
		--theme-accent-120: hsl(var(--theme-accent-hue), var(--theme-accent-saturation), 13%);

		--theme-neutral-10: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 99%);
		--theme-neutral-20: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 98%);
		--theme-neutral-30: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 94%);
		--theme-neutral-40: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 91%);
		--theme-neutral-50: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 88%);
		--theme-neutral-60: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 85%);
		--theme-neutral-70: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 81%);
		--theme-neutral-80: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 73%);
		--theme-neutral-90: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 55%);
		--theme-neutral-100: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 51%);
		--theme-neutral-110: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 39%);
		--theme-neutral-120: hsl(var(--theme-neutral-hue), var(--theme-neutral-saturation), 13%);

		--theme-success-10: hsl(var(--theme-success-hue), var(--theme-success-saturation), 99%);
		--theme-success-20: hsl(var(--theme-success-hue), var(--theme-success-saturation), 98%);
		--theme-success-30: hsl(var(--theme-success-hue), var(--theme-success-saturation), 94%);
		--theme-success-40: hsl(var(--theme-success-hue), var(--theme-success-saturation), 91%);
		--theme-success-50: hsl(var(--theme-success-hue), var(--theme-success-saturation), 88%);
		--theme-success-60: hsl(var(--theme-success-hue), var(--theme-success-saturation), 85%);
		--theme-success-70: hsl(var(--theme-success-hue), var(--theme-success-saturation), 81%);
		--theme-success-80: hsl(var(--theme-success-hue), var(--theme-success-saturation), 73%);
		--theme-success-90: hsl(var(--theme-success-hue), var(--theme-success-saturation), 55%);
		--theme-success-100: hsl(var(--theme-success-hue), var(--theme-success-saturation), 51%);
		--theme-success-110: hsl(var(--theme-success-hue), var(--theme-success-saturation), 39%);
		--theme-success-120: hsl(var(--theme-success-hue), var(--theme-success-saturation), 13%);

		--theme-danger-10: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 99%);
		--theme-danger-20: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 98%);
		--theme-danger-30: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 94%);
		--theme-danger-40: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 91%);
		--theme-danger-50: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 88%);
		--theme-danger-60: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 85%);
		--theme-danger-70: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 81%);
		--theme-danger-80: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 73%);
		--theme-danger-90: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 55%);
		--theme-danger-100: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 51%);
		--theme-danger-110: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 39%);
		--theme-danger-120: hsl(var(--theme-danger-hue), var(--theme-danger-saturation), 13%);

		--theme-warn-10: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 99%);
		--theme-warn-20: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 98%);
		--theme-warn-30: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 94%);
		--theme-warn-40: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 91%);
		--theme-warn-50: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 88%);
		--theme-warn-60: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 85%);
		--theme-warn-70: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 81%);
		--theme-warn-80: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 73%);
		--theme-warn-90: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 55%);
		--theme-warn-100: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 51%);
		--theme-warn-110: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 39%);
		--theme-warn-120: hsl(var(--theme-warn-hue), var(--theme-warn-saturation), 13%);
	}
}