style: standardise links to Regular weight (400) with violet accent hover, body to Light (300)

app/public/assets/css/components/details.css

@@ -19,8 +19,9 @@ details {
 summary {
   font-family: var(--font-display);
   font-weight: 600;
-  text-decoration: 1px wavy;
+  text-decoration: none;
   color: var(--accent-secondary);
+  transition: color 0.15s;
 
   svg {
     fill: var(--accent-secondary);
@@ -28,3 +29,7 @@ summary {
     height: 1.4em;
   }
 }
+
+summary:hover {
+  color: var(--accent-primary);
+}

app/public/assets/css/components/header.css

@@ -51,13 +51,14 @@ header nav ul a {
 }
 
 header nav ul a:hover {
-  opacity: 1;
+  color: var(--accent-primary);
 }
 
 header nav ul a[aria-current="page"] {
   opacity: 1;
   border-bottom: 1px solid var(--header-nav-active-border);
   padding-bottom: 1px;
+  color: var(--accent-foreground);
 }
 
 /* ── Logo ───────────────────────────────────────────────────────────── */

app/public/assets/css/components/links.css

@@ -6,10 +6,10 @@
 a {
   color: inherit;
   text-decoration: none;
+  font-weight: 400;
 }
 
 a:hover {
-  text-decoration-line: underline;
-  text-decoration-style: wavy;
-  text-decoration-thickness: 1px;
+  color: var(--accent-primary);
+  text-decoration: none;
 }

app/public/assets/css/components/pagination.css

@@ -30,6 +30,7 @@
   border-radius: var(--radius);
   color: var(--text-primary);
   font-size: var(--step--1);
+  font-weight: 400;
   text-decoration: none;
   transition: border-color 0.15s, color 0.15s;
 }

app/public/assets/css/components/toast.css

@@ -51,7 +51,13 @@
 
 .toast--warning a {
   color: inherit;
-  text-decoration: underline;
+  font-weight: 400;
+  text-decoration: none;
+  transition: color 0.15s;
+}
+
+.toast--warning a:hover {
+  color: var(--accent-primary);
 }
 
 @keyframes toast-enter {