:root {
	--bg-color: 0, 0%, 100%;
	--fg-color: 274, 52%, 36%;
	--fg-color-extra: 0, 100%, 50%;
}

[data-theme="dark"] {
	--bg-color: 274, 52%, 36%;
	--fg-color: 0, 0%, 100%;
	--fg-color-extra: 0, 100%, 40%;
}

#head .logo { background-image: url(../img/logo.svg); }
#foot .logo { -webkit-mask: url(../img/logo.svg) no-repeat center; mask: url(../img/logo.svg) no-repeat center; }

#main .intro { background: url(../img/bg.jpg) no-repeat transparent center center; background-size: cover; background-color: rgba(255,255,255, 0.2); background-blend-mode: lighten; }
#main .intro .decoration { filter: brightness(0) saturate(100%) invert(20%) sepia(35%) saturate(4215%) hue-rotate(259deg) brightness(85%) contrast(90%); }