use unocss, add blog, ui changes

uno.config.ts

@@ -20,6 +20,34 @@ export default defineConfig({
 		})
 	],
 
+	theme: {
+		fontFamily: {
+			primary: ["var(--font-primary)"]
+		},
+		margin: {
+			"0-auto": "0 auto"
+		},
+		colors: {
+			accent: "var(--accent)",
+			accentTranslucent: "var(--accent-translucent)",
+			primary: "var(--primary)",
+			secondary: "var(--secondary)",
+			tertiary: "var(--tertiary)",
+			text: "var(--text)",
+			grey: "var(--grey)",
+			alt: "var(--alt)",
+			altText: "var(--alt-text)"
+		},
+		breakpoints: {
+			sm: "640px",
+			md: "768px",
+			lg: "1024px",
+			xl: "1280px",
+			"2xl": "1536px",
+			nav: "1030px"
+		}
+	},
+
 	transformers: [transformerVariantGroup(), transformerDirectives()],
 
 	safelist: ["i-fa6-solid:moon", "i-fa6-solid:sun"]