feat: add Outfit font and update styles for site title (#32)

* feat: add Outfit font and update styles for site title

* refactor: update site title styles for consistency

Author: iasthc

package.json

@@ -14,6 +14,7 @@
     "@astrojs/starlight-tailwind": "^4.0.2",
     "@fontsource/geist": "^5.2.8",
     "@fontsource/geist-mono": "^5.2.7",
+    "@fontsource/outfit": "^5.2.8",
     "@iconify/json": "^2.2.413",
     "@tailwindcss/vite": "^4.0.7",
     "astro": "^5.6.1",

pnpm-lock.yaml

@@ -6,10 +6,12 @@
 
 @import '@fontsource/geist';
 @import '@fontsource/geist-mono';
+@import '@fontsource/outfit';
 
 @theme {
 	--font-sans: 'Geist', sans-serif;
 	--font-mono: 'Geist Mono', monospace;
+	--font-title: 'Outfit', sans-serif;
 
 	/* Generated accent color palettes. */
 	--color-accent-200: #b3c7ff;
@@ -26,3 +28,27 @@
 	--color-gray-800: #24272f;
 	--color-gray-900: #17181c;
 }
+
+.site-title {
+	@apply font-title font-light gap-2 text-2xl tracking-tight text-black dark:text-white;
+}
+
+.social-icons svg {
+	@apply size-4.5;
+}
+
+starlight-theme-select svg {
+	@apply size-5;
+}
+
+starlight-theme-select select {
+	@apply ml-0.5;
+}
+
+starlight-lang-select svg {
+	@apply size-5;
+}
+
+starlight-lang-select select {
+	@apply ml-0.5;
+}