:root {
	--bg-color: 0, 0%, 100%;
	--fg-color: 0, 0%, 0%;
	/*--fg-color-extra: 47, 98%, 51%;*/
	--fg-color-extra: 0, 0%, 50%;
}

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

#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(87%) sepia(21%) saturate(4768%) hue-rotate(355deg) brightness(101%) contrast(98%); }

#main .post .inner > div:nth-child(3) { background-color: #000; }
#main .intro.samsung { background-image: url(../img/bgSamsung.jpg); background-color: transparent; background-blend-mode: normal; }


#main .intro { color:hsl(var(--fg-color)); }
#main .intro .text-shadow { text-shadow: 0px 0px 6px #ffffff; }