html,
body {
	color-scheme: light;

	/* Domain Defaults */
	--main-container-max-width: 1584px;
	--nav-max-width: 100%;
	--radius: 0.3rem;
	--btn-radius: 50px;
	--font-size-scale: 0.95;
	--font-base: 400;

	/* Domain Colors */
	--background: #ffffff;
	--content: #333333;
	--muted: #414141;
	--primary: #dfb90c;
	--primary-foreground: #ffffff;
	--secondary: #b92930;
	--secondary-foreground: #ffffff;

	/* Filter combinations to get the same color as our set primary color which we can use for image filters
	(example: setting a payment method logo to our primary color) */
	--image-filter-primary: brightness(0) saturate(100%) invert(60%) sepia(80%) saturate(471%) hue-rotate(11deg)
		brightness(102%) contrast(96%);

	/* Components */
	--nav: #b92930;
	--footer: linear-gradient(135deg, #7e1416 0%, #b92930 61%, #7e1518 94%);
	--banner-inner: #b92930;
	--banner-inner-foreground: #dfb90c;
	--loader-logo-url: url('https://4gz926m1oi.ucarecd.net/5a773739-830c-44b0-ae07-aeee470912e2/');
	--bottom-nav: #b92930;
	--input: var(--color-background);
	--input-accent: rgba(51, 51, 51, 0.1);
	--user-name: #b92930;
	--calendar: var(--color-background);
	--dw: linear-gradient(135deg, #7e1416 0%, #b92930 61%, #7e1518 94%);
	--balance-breakdown: var(--dw);
	--dw-currency: #cccccc;
	--dw-currency-foreground: #333333;
	--dw-input: #ffffff;
	--dw-input-accent: #ffffff;
}

body header::after {
	display: block;
	content: ' ';
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1OTUuMyAxMS4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1OTUuMyAxMS4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMjcwMDAwO30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjU5NS4zLDUuNiAzMDcsNS42IDMxNy43LDAgMCw1LjYgMjg4LjMsNS42IDI3Ny42LDExLjIgIi8+DQo8L3N2Zz4NCg==);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1200px 20px;
	width: 100%;
	height: 10px;
	position: absolute;
	margin-top: -4px;
	z-index: 1000000;
}

body footer::before {
	display: block;
	content: ' ';
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1OTUuMyAxMS4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1OTUuMyAxMS4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMjcwMDAwO30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjU5NS4zLDUuNiAzMDcsNS42IDMxNy43LDAgMCw1LjYgMjg4LjMsNS42IDI3Ny42LDExLjIgIi8+DQo8L3N2Zz4NCg==);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1200px 20px;
	width: 100%;
	height: 11px;
	position: absolute;
	margin-top: -37px;
	left: 0;
}

@media (min-width: 1024px) {
	body footer::before {
		margin-top: -53px;
	}
}