:root {
	--bg-color: 0, 0%, 100%;
	--fg-color: 326, 94%, 42%;
	--fg-color-extra: 326, 88%, 77%;
}

[data-theme="dark"] {
	--bg-color: 326, 94%, 42%;
	--fg-color: 0, 0%, 100%;
	--fg-color-extra: 326, 88%, 77%;
}

#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 .player .decoration { filter: brightness(0) saturate(100%) invert(21%) sepia(92%) saturate(7473%) hue-rotate(317deg) brightness(83%) contrast(98%); }