improve accessibility

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;

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>

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>