Added docs

docs/src/styles/custom.css

@@ -0,0 +1,60 @@
+/* Ascently Documentation Styles */
+
+:root {
+    --sl-color-accent: hsl(45, 100%, 50%);
+    --sl-color-accent-low: hsl(45, 100%, 96%);
+    --sl-color-accent-high: hsl(45, 100%, 30%);
+    --climbing-amber: hsl(45, 100%, 50%);
+    --climbing-red: hsl(4, 90%, 58%);
+}
+
+[data-theme="dark"] {
+    --sl-color-accent: hsl(45, 100%, 60%);
+    --sl-color-accent-low: hsl(45, 100%, 10%);
+    --sl-color-accent-high: hsl(45, 100%, 70%);
+}
+
+.hero h1 {
+    color: var(--climbing-amber);
+    font-weight: 700;
+}
+
+.sidebar nav a[aria-current="page"] {
+    background: var(--sl-color-accent-low);
+    border-left: 3px solid var(--sl-color-accent);
+}
+
+.download-button {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.75rem 1.5rem;
+    background: var(--sl-color-accent);
+    color: white;
+    text-decoration: none;
+    border-radius: 0.5rem;
+    font-weight: 600;
+    transition: background 0.2s ease;
+    margin: 0.25rem;
+}
+
+.download-button:hover {
+    background: var(--sl-color-accent-high);
+    color: white;
+}
+
+@media (max-width: 768px) {
+    .hero h1 {
+        font-size: 2rem;
+    }
+
+    .download-button {
+        width: 100%;
+        justify-content: center;
+        margin: 0.25rem 0;
+    }
+}
+
+[data-theme="dark"] .feature-callout {
+    background: var(--sl-color-gray-6);
+}