fix(a11y): reconcile responsive layouts and multilingual UI

www/src/components/MobileNav.astro

@@ -23,7 +23,7 @@ const menu = { en: 'Menu', es: 'Menú', ar: 'القائمة' }[lang];
 
 <style>
   .mobile-nav { display: none; }
-  .mobile-nav summary:focus-visible { outline: 3px solid var(--color-accent); outline-offset: 3px; }
+  .mobile-nav summary:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 3px; }
   @media (max-width: 950px) {
     .mobile-nav { display: block; }
   }