:root {
	--_font-size: var(--font-size-1);
	--_font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
		Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
		sans-serif;
	--_font-color: var(--choco-12);
	--_accent-color: var(--lime-6);
	accent-color: var(--_accent-color);
	--_background: url('assets/css_bg_stardust.png') repeat top left / 800px;
}

body {
	font-family: var(--_font-family);
	font-size: var(--_font-size);
	margin: 0;
	padding: 0;
}

/* background that handle filters */
body::before {
	z-index: 0;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	filter: opacity(30%);
	background: var(--_background);
}