feat: add base css layer

src/stylesheets/base.css

@@ -1,3 +1,28 @@
-body {
-    background-color: blue;
+: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);
 }