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/atom/views/components/navigation/user-dropdown.blade.php

@@ -25,9 +25,9 @@
  @auth
  <form action="{{ route('logout') }}" method="POST" class="block">
  @csrf
- <button type="submit"
- class="dropdown-item flex items-center gap-2 w-full text-left hover:!bg-red-500/20"
- style="color: var(--button-danger-color)">
+  <button type="submit"
+  class="dropdown-item flex items-center gap-2 justify-center w-full py-2 px-4 rounded-md font-semibold transition duration-200 ease-in-out"
+  style="background-color: var(--button-danger-color, #ef4444); color: var(--button-danger-text-color, #ffffff);">
  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
  </svg>