diff --git a/src/stylesheets/base.css b/src/stylesheets/base.css
index d60afbd..d116e12 100644
--- a/src/stylesheets/base.css
+++ b/src/stylesheets/base.css
@@ -1,3 +1,28 @@
+: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 {
-    background-color: blue;
-}
\ No newline at end of file
+	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);
+}
diff --git a/static/assets/css_bg_stardust.png b/static/assets/css_bg_stardust.png
new file mode 100644
index 0000000..d1ee1dc
Binary files /dev/null and b/static/assets/css_bg_stardust.png differ