Improve text visibility in atom and dusk themes

- Add CSS variable support to dusk theme components for dynamic text colors
- Fix low-contrast preset color combinations (cyberpunk, neon, magma, forest, obsidian, space)
- Add text-shadow utility classes and apply to site header and backgrounds
- Style logout buttons as proper buttons matching other button styles
- Fix hardcoded text colors in atom theme components

resources/themes/dusk/views/components/form/label.blade.php

@@ -1,11 +1,11 @@
 @props(['for', 'info' => ''])
 
 <div class="mb-2">
-    <label class="block font-semibold text-gray-700 dark:text-gray-200" for="{{ $for }}">
+    <label class="block font-semibold" for="{{ $for }}" style="color: var(--color-text);">
         {{ $slot }}
     </label>
 
-    <p class="text-gray-500 dark:text-gray-400 text-[14px]">
+    <p class="text-muted" style="font-size: var(--size-small-text, 14px);">
         {{ $info }}
     </p>
 </div>