feat: update styling

src/content/docs/index.mdx

@@ -5,7 +5,7 @@ template: splash
 hero:
   tagline: Congrats on setting up a new Starlight project!
   image:
-    file: ../../assets/houston.webp
+    file: ../../assets/autumn_mountain.png
   actions:
     - text: Example Guide
       link: /guides/example/

src/styles/custom.css

@@ -0,0 +1,34 @@
+@import 'tailwindcss';
+@plugin '@tailwindcss/typography';
+
+/* Custom colors */
+@theme {
+  --color-midnight: #0c354d;
+  --color-turquoise: #0da797;
+  --color-steel: #4682b4;
+  --color-bermuda: #7fbab4;
+  --color-desert: #f9deb2;
+  --color-bronze: #9e7f5e;
+  --color-gitea-primary: #609926;
+  --color-gitea-secondary: #4c7a33;
+}
+
+@layer starlight, rapide, overrides;
+
+@layer overrides {
+  :root {
+    --sl-color-accent-high: var(--color-steel);
+    --sl-color-accent-high: var(--color-steel);
+    --sl-color-accent-low: var(--color-bermuda);
+  }
+
+  :root[data-theme='light'] {
+    --sl-color-accent: var(--color-steel);
+    --sl-color-accent-high: var(--color-steel);
+    --sl-color-accent-low: var(--color-turquoise);
+  }
+
+  .site-title:where(.astro-gmuhlsjs) {
+    color: var(--color-turquoise);
+  }
+}