From 015f8ce76f6e0acd4b2b93c13733b4f22ec56e5c Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Mon, 31 Mar 2025 04:36:03 -0400
Subject: [PATCH] Improve link accessibility with underlines and better
 contrast

---
 docker/resume/styles.css | 40 ++++++++++++++++++++++++++--------------
 1 file changed, 26 insertions(+), 14 deletions(-)

diff --git a/docker/resume/styles.css b/docker/resume/styles.css
index a45bbff..292c7e8 100644
--- a/docker/resume/styles.css
+++ b/docker/resume/styles.css
@@ -1,12 +1,13 @@
 :root {
     --bg-color: #ffffff;
     --text-color: #333333;
-    --accent-color: #0066cc;
+    --accent-color: #0056b3;
     --border-color: #e0e0e0;
-    --hover-color: #0052a3;
+    --hover-color: #003d82;
     --theme-bg: #f5f5f5;
     --theme-border: #ddd;
     --theme-hover: #e0e0e0;
+    --date-color: #555555;
 }
 
 /* Dark theme variables when system prefers dark mode (auto setting) */
@@ -14,12 +15,13 @@
     :root {
         --bg-color: #1a1a1a;
         --text-color: #e0e0e0;
-        --accent-color: #4d9fff;
+        --accent-color: #5fa9ff;
         --border-color: #404040;
-        --hover-color: #66b3ff;
+        --hover-color: #8ac2ff;
         --theme-bg: #2d2d2d;
         --theme-border: #404040;
         --theme-hover: #3d3d3d;
+        --date-color: #a0a0a0;
     }
 }
 
@@ -27,24 +29,26 @@
 html[data-theme='light'] {
     --bg-color: #ffffff;
     --text-color: #333333;
-    --accent-color: #0066cc;
+    --accent-color: #0056b3;
     --border-color: #e0e0e0;
-    --hover-color: #0052a3;
+    --hover-color: #003d82;
     --theme-bg: #f5f5f5;
     --theme-border: #ddd;
     --theme-hover: #e0e0e0;
+    --date-color: #555555;
 }
 
 /* Dark theme variables when manually selected */
 html[data-theme='dark'] {
     --bg-color: #1a1a1a;
     --text-color: #e0e0e0;
-    --accent-color: #4d9fff;
+    --accent-color: #5fa9ff;
     --border-color: #404040;
-    --hover-color: #66b3ff;
+    --hover-color: #8ac2ff;
     --theme-bg: #2d2d2d;
     --theme-border: #404040;
     --theme-hover: #3d3d3d;
+    --date-color: #a0a0a0;
 }
 
 body {
@@ -81,14 +85,22 @@ h3 {
 
 a {
     color: var(--accent-color);
-    text-decoration: none;
-    border-bottom: 1px solid transparent;
-    transition: border-color 0.3s ease;
+    text-decoration: underline;
+    text-underline-offset: 2px;
+    text-decoration-thickness: 1px;
+    font-weight: 500;
+    transition: all 0.3s ease;
 }
 
-a:hover {
-    border-bottom-color: var(--accent-color);
+a:hover, a:focus {
     color: var(--hover-color);
+    text-decoration-thickness: 2px;
+    outline: none;
+}
+
+a:focus {
+    outline: 2px solid var(--accent-color);
+    outline-offset: 2px;
 }
 
 .section {
@@ -103,7 +115,7 @@ a:hover {
 }
 
 .date {
-    color: #666;
+    color: var(--date-color);
     font-style: italic;
     margin: 0.5em 0;
 }