seperated system theme into its own css file, combined different page css to a main theme css

_src/assets/css/default/system.css

@@ -1,2 +1,36 @@
 @import url("./theme-dark.css");
-@import url("./theme-light.css");
+@import url("./theme-light.css");
+body {
+	font-family: "Rubik", sans-serif;
+}
+main article,
+main article a:has(figure),
+#blog .addendum,
+#blog #posts a,
+#gallery #artworks a,
+header a, .navbar section, .navbar li :is(a, button) {
+	border-radius: var(--round);
+	border-style: solid;
+	border-width: 2px;
+}
+main article {
+	& a figure {
+		border-color: inherit;
+	}
+}
+header {
+	margin-top: var(--pad-xl);
+	margin-left: calc(var(--view) + var(--pad-xl));
+	& a {
+		padding: var(--pad-s);
+	}
+}
+#blog {
+	& [alt="Profile picture"] {
+		border-radius: 100%;
+	}
+}
+#default {
+	border-right-style: solid;
+	border-right-width: 2px;
+}