/* Dark Mode */
body.dark {
  --fh-bg-main: #1a1a2e;
  --fh-bg-card: #16213e;
  --fh-text-dark: #e2e8f0;
  --fh-text-muted: #94a3b8;
}

body.dark {
  background-color: #1a1a2e;
  color: #e2e8f0;
}

body.dark .bg-white,
body.dark .bg-bg-card {
  background-color: #16213e !important;
}

body.dark .bg-bg-main {
  background-color: #1a1a2e !important;
}

body.dark .border-gray-100,
body.dark .border-gray-200 {
  border-color: #2a3a52 !important;
}

body.dark .text-text-dark {
  color: #e2e8f0 !important;
}

body.dark .text-text-muted,
body.dark .text-gray-500 {
  color: #94a3b8 !important;
}

body.dark input,
body.dark select,
body.dark textarea {
  background-color: #1a1a2e !important;
  color: #e2e8f0 !important;
  border-color: #2a3a52 !important;
}

body.dark .bg-gray-50,
body.dark .bg-gray-100 {
  background-color: #0f172a !important;
}

body.dark header {
  background-color: rgba(22, 33, 62, 0.9) !important;
}

body.dark .shadow-sm {
  box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}