From 782f46f69f5d4f37f9386754e610562fd8b52865 Mon Sep 17 00:00:00 2001
From: Joakim Repomaa <joakim.repomaa@mocoapp.com>
Date: Thu, 19 Feb 2026 19:16:26 +0200
Subject: [PATCH] improve accessibility

---
 src/app.css                           | 4 ++--
 src/lib/components/ProjectCard.svelte | 1 +
 src/routes/(web)/+layout.svelte       | 4 +---
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/app.css b/src/app.css
index 6ed32dc..92ab48d 100644
--- a/src/app.css
+++ b/src/app.css
@@ -24,8 +24,8 @@ body {
   --color-bg: light-dark(#fafafa, #0c0c0e);
   --color-fg: light-dark(#18181b, #fafafa);
   --color-muted: light-dark(#71717a, #a1a1aa);
-  --color-accent: light-dark(#0891b2, #22d3ee);
-  --color-hot: light-dark(#ea580c, #fb923c);
+  --color-accent: light-dark(#0e7490, #22d3ee);
+  --color-hot: light-dark(#c2410c, #fb923c);
 
   /* PDF layout - 4 colors (print-optimized) */
   --color-pdf-bg: #ffffff;
diff --git a/src/lib/components/ProjectCard.svelte b/src/lib/components/ProjectCard.svelte
index e8262dc..46b4ff8 100644
--- a/src/lib/components/ProjectCard.svelte
+++ b/src/lib/components/ProjectCard.svelte
@@ -13,6 +13,7 @@
   target="_blank"
   rel="noopener noreferrer"
   class="block p-4 border border-accent rounded-lg transition-shadow hover:shadow-glow"
+  aria-label={project.name}
 >
   <article class="flex flex-col justify-between h-full">
     <div>
diff --git a/src/routes/(web)/+layout.svelte b/src/routes/(web)/+layout.svelte
index 4cf2e66..bfea6e3 100644
--- a/src/routes/(web)/+layout.svelte
+++ b/src/routes/(web)/+layout.svelte
@@ -3,9 +3,7 @@
   import '../../app.css';
 </script>
 
-<div
-  class="font-mono bg-background text-foreground dark:bg-background-dark dark:text-shadow-foreground-dark"
->
+<div class="font-mono bg-background text-foreground">
   <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute">
     Skip to main content
   </a>