inline critical CSS

static/css/base.css

@@ -17,6 +17,7 @@
     --text-color: #302859;
     --link-color: #004ec8;
     --link-color-visited: #6c2380;
+    --error-color: #d94141;
 
     --shading-base: #592782;
 
@@ -31,6 +32,7 @@
         --text-color: #f7ece5;
         --link-color: #93cce8;
         --link-color-visited: #f7afde;
+        --error-color: #e39393;
 
         --shading-base: #e4d2ff;
     }
@@ -55,3 +57,37 @@
 * {
     box-sizing: border-box;
 }
+
+/* Colors */
+
+body {
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+:root {
+    scrollbar-color: var(--border-2) var(--shaded-background);
+    scrollbar-width: auto;
+    scrollbar-gutter: stable;
+}
+
+:focus-visible {
+    outline: 0.1rem solid var(--accent-blue);
+    outline-offset: 0.2rem;
+}
+
+::selection {
+    background-color: color-mix(
+        in srgb,
+        var(--background-color),
+        var(--accent-pink) 75%
+    );
+    color: var(--text-color);
+}
+
+@media (prefers-color-scheme: dark) {
+    ::selection {
+        background-color: var(--accent-pink);
+        color: var(--background-color);
+    }
+}