diff --git a/src/app/globals.css b/src/app/globals.css
index 83effec..40b88a8 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,27 +4,34 @@
 
 @layer base {
   :root {
-    --color-brand: #3b82f6;
-    --color-brand-dark: #1d4ed8;
+    --color-bg: #ffffff;
+    --color-text: #0f172a;
   }
 
   html {
     scroll-behavior: smooth;
   }
 
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
+  body {
+    @apply bg-white text-slate-900 antialiased;
+  }
+
+  /* Accessible focus ring for all interactive elements */
+  :focus-visible {
+    outline: 2px solid #3b82f6;
+    outline-offset: 2px;
   }
 }
 
 @layer components {
+  /* Skip-to-content link — visually hidden until focused */
   .skip-link {
-    @apply absolute -top-full left-0 z-50 bg-blue-600 text-white px-4 py-2 text-sm font-medium rounded-br-md;
+    @apply absolute left-0 top-0 z-50 bg-blue-600 text-white px-4 py-2 text-sm font-medium rounded-br;
+    transform: translateY(-100%);
+    transition: transform 0.2s ease;
   }
 
   .skip-link:focus {
-    @apply top-0;
+    transform: translateY(0%);
   }
 }