/* Muscat home overlay — color flows from $backgroundBG in settings.php
   via :root{--region-color} set in home.dwt. Overrides the teal defaults
   in /templates/fiction/assets/css/home_ar.css. */

body {
	background: var(--region-color) !important;
}

body .overlay {
	background: transparent linear-gradient(
		180deg,
		#0000009f 0%,
		color-mix(in srgb, var(--region-color) 82%, transparent) 78%,
		var(--region-color) 100%
	) 0% 0% no-repeat padding-box;
}

.overlayx {
	background-color: color-mix(in srgb, var(--region-color) 40%, transparent);
}