/* preloads */
@font-face {
    font-family: pixelegance;
    src: url("/fonts/pixelegance.ttf")
  }

/* main color theme */
:root {
	--boxbg: ;
	--text: ;
	--primary: ;
	--secondary: ;
	--accent: ;
	--link: ;
	--linkhover: ;
	--highlight: ;
	--dark: ;
	--gridbg: ;
	--gridline: ;
}
/* dark mode */
@media (prefers-color-scheme: dark) {
	:root {
		--boxbg: ;
		--text: ;
		--primary: ;
		--secondary: ;
		--accent: ;
		--link: ;
		--linkhover: ;
		--highlight: ;
		--gridbg: ;
		--gridline: ;
	}
}

.grid {
	background-image:
    linear-gradient(to right, var(--gridbg) 1px, transparent 1px),
    linear-gradient(to bottom, var(--gridline) 1px, transparent 1px);
}

.spoiler {
	background-color: var(--dark);
}

.spoiler:hover {
	background-color: inherit;
}