From ffcbf85270c83b97d5436c631f869f6cfcca155c Mon Sep 17 00:00:00 2001
From: Guilherme de Andrade <guilhermedeandrade@protonmail.com>
Date: Sat, 14 Mar 2026 20:58:00 +0000
Subject: [PATCH] style: make links less subtle with visible underlines

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/SubtleLink.astro | 2 +-
 src/styles/base.css             | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/SubtleLink.astro b/src/components/SubtleLink.astro
index 4e52862..1d67bf9 100644
--- a/src/components/SubtleLink.astro
+++ b/src/components/SubtleLink.astro
@@ -11,7 +11,7 @@ const { href, target } = Astro.props;
   href={href}
   target={target}
   rel="noopener noreferrer"
-  class="decoration-ledger-line hover:text-gray-1200 underline underline-offset-4 transition-colors"
+  class="decoration-gray-600 hover:text-gray-1200 hover:decoration-gray-800 underline underline-offset-4 transition-colors"
 >
   <slot /></a
 >
diff --git a/src/styles/base.css b/src/styles/base.css
index 13390c0..69d9996 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -49,11 +49,15 @@
   }
 
   .prose a {
-    color: var(--color-gray-1100);
+    text-decoration-line: underline;
+    text-decoration-color: var(--color-gray-400);
+    text-underline-offset: 4px;
+    transition: color 0.2s ease, text-decoration-color 0.2s ease;
   }
 
   .prose a:hover {
     color: var(--color-gray-1200);
+    text-decoration-color: var(--color-gray-600);
   }
 
   .prose code {