:root {
	--background: hsla(220, 100%, 95%, 1);
	--color: hsl(0,0%,0%);
	--h1-color: hsla(0, 0%, 0%, 1);
	--h1-bg: hsla(220, 100%, 95%, 1);
	--h1-shadow: hsla(0, 0%, 0%, 0);
	 
	--t-color: hsla(0, 0%, 0%, 1);
	--t-bg: hsla(220, 100%, 95%, 1);
	--t-shadow: hsla(0, 0%, 0%, 0);
	--pre-bg: hsla(220, 100%, 90%, 1);
	--pre-color: hsl(0,0%,0%);
	--pre-border-left: hsl(0, 0%, 67%);
	--border-sourceCode: hsl(0,0%,0%);
	--a-color: hsl(0,0%,0%);
	--a-focus-bg: hsl(0,100%,76.7%);
	--numbering: hsl(0,0%,46.7%);
	--mob-color: hsl(0,100%,50%);
	--touch: hsl(0,100%,50%);
}
html[mode=dark]:root {
	--background: hsla(220, 100%, 10%, 1);
	--color: hsl(0,0%,100%);
	--h1-color: hsl(0,0%,100%);
	--h1-bg: hsla(220, 100%, 10%, 1);
	--h1-shadow: hsla(0, 0%, 0%, 0);
	--t-color: hsl(0,0%,100%);
	--t-bg: hsla(220, 100%, 10%, 1);
	--t-shadow: hsla(0, 0%, 0%, 0);
	--pre-bg: hsla(200, 100%, 0%, 1);
	--pre-color: hsl(0,0%,100%);
	--pre-border-left: hsl(0, 0%, 33%);
	--border-sourceCode: hsl(0,0%,100%);
    --a-color: hsl(0, 0%, 100%);
	--a-focus-bg: hsl(180,100%,23.3%);
	--numbering: hsl(0,0%,53.3%);
	--mob-color: hsl(0,100%,50%);
	--touch: hsl(0,100%,50%);
}