keep working on sidenotes, copy latest real post over to test

src/styles/main.css

@@ -11,3 +11,7 @@ body {
     color: var(--content-color);
     background-color: var(--bg-color);
 }
+
+a {
+    color: var(--link-color);
+}

src/styles/prose.css

@@ -7,6 +7,7 @@
         margin-bottom: 0.25rem;
         color: var(--heading-color);
         letter-spacing: 0.015em;
+        line-height: 1.25
     }
 
     h1 {

src/styles/vars.css

@@ -25,6 +25,7 @@
     --accent-color-faded: hsl(0deg 25% 55%);
     /* misc */
     --heading-color: hsl(0deg 0% 27%);
+    --link-color: var(--primary-color);
     --nav-link-color: white;
 
     /* dark-mode colors (defined here so that we only have to update them in one place) */
@@ -36,6 +37,7 @@
     --dark-accent-color: hsl(18deg 70% 55%);
     --dark-accent-color-faded: hsl(18deg 30% 45%);
     --dark-heading-color: hsl(35deg 25% 88%);
+    --dark-link-color: hsl(202deg 50% 50%);
     --dark-nav-link-color: var(--dark-heading-color);
 
     &[data-theme="dark"] {
@@ -47,6 +49,8 @@
         --accent-color: var(--dark-accent-color);
         --accent-color-faded: var(--accent-color-faded);
         --heading-color: var(--dark-heading-color);
+        --link-color: var(--dark-link-color);
+        --nav-link-color: var(--dark-nav-link-color);
     }
 
     &:not([data-theme="light"]) {