merge: worktree-a11y-fixes into main

Accessibility fixes (aria-labels, color contrast, html lang, inline link
underlines), atomic dev login endpoints, and E2E test hardening.

app/assets/css/main.css

@@ -21,13 +21,13 @@
   --border: #b8a880;
   --border-d: #a89470;
   --candle: #7a5a10;
-  --candle-dim: #7a5a10;
+  --candle-dim: #866518;
   --candle-faint: #c4a448;
   --ember: #8a4420;
   --text: #2a2015;
   --text-bright: #1a1008;
   --text-dim: #5a5040;
-  --text-faint: #6a5e4a;
+  --text-faint: #746a58;
   --parch: #2a2015;
   --parch-hover: #3a3025;
   --parch-text: #ede4d0;
@@ -110,7 +110,7 @@ a:hover {
   text-decoration: underline;
 }
 
-p a {
+p a, blockquote a {
   text-decoration: underline;
   text-underline-offset: 2px;
 }

app/layouts/admin.vue

@@ -151,6 +151,7 @@
 <script setup>
 const route = useRoute();
 const isMobileMenuOpen = ref(false);
+const { logout } = useAuth();
 
 const pageBreadcrumbTitle = useState("pageBreadcrumbTitle", () => "");
 
@@ -163,15 +164,6 @@ const currentPageName = computed(() => {
   }
   return segments.join(" / ");
 });
-
-const logout = async () => {
-  try {
-    await $fetch("/api/auth/logout", { method: "POST" });
-    await navigateTo("/");
-  } catch (error) {
-    console.error("Logout failed:", error);
-  }
-};
 </script>
 
 <style scoped>

app/pages/admin/events/create.vue

@@ -96,7 +96,7 @@
               <label> Event Type <span class="required">*</span> </label>
               <USelect
                 v-model="eventForm.eventType"
-                aria-label="Event Type"
+                aria-label="Event type"
                 :items="[
                   { label: 'Community Meetup', value: 'community' },
                   { label: 'Workshop', value: 'workshop' },
@@ -360,7 +360,7 @@
               <div class="series-select-row">
                 <USelect
                   v-model="selectedSeriesId"
-                  aria-label="Select Series"
+                  aria-label="Select series"
                   @update:model-value="onSeriesSelect"
                   :items="
                     availableSeries.map((series) => ({

app/pages/index.vue

@@ -94,7 +94,7 @@
     <ParchmentInset>
       <div
         class="label"
-        style="color: var(--parch-text-dim); margin-bottom: 12px"
+        style="color: var(--candle-faint); margin-bottom: 12px"
       >
         From the Wiki
       </div>