html[data-theme='dark'] body {
  background-color: #0f172a;
  color: #e2e8f0;
  transition: background-color 0.3s ease, color 0.3s ease;
}

html[data-theme='dark'] .min-h-screen,
html[data-theme='dark'] body.bg-gray-100,
html[data-theme='dark'] .bg-gray-100 {
  background-color: #0f172a !important;
}

html[data-theme='dark'] .bg-white,
html[data-theme='dark'] header.bg-white {
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 22px 46px rgba(15, 23, 42, 0.45);
}

html[data-theme='dark'] .shadow {
  box-shadow: 0 20px 40px rgba(8, 12, 22, 0.55) !important;
}

html[data-theme='dark'] .text-gray-900,
html[data-theme='dark'] .text-black {
  color: #f8fafc !important;
}

html[data-theme='dark'] .text-gray-800,
html[data-theme='dark'] .text-gray-700,
html[data-theme='dark'] .text-gray-600,
html[data-theme='dark'] .text-gray-500 {
  color: #94a3b8 !important;
}

html[data-theme='dark'] .text-indigo-600 {
  color: #a5b4fc !important;
}

html[data-theme='dark'] input,
html[data-theme='dark'] select,
html[data-theme='dark'] textarea,
html[data-theme='dark'] .form-input,
html[data-theme='dark'] .form-select,
html[data-theme='dark'] .form-textarea {
  background-color: #f8fafc !important;
  color: #111827 !important;
  border-color: #cbd5f5 !important;
  box-shadow: none !important;
}

html[data-theme='dark'] input::placeholder,
html[data-theme='dark'] textarea::placeholder {
  color: rgba(17, 24, 39, 0.55) !important;
}

html[data-theme='dark'] input:focus,
html[data-theme='dark'] select:focus,
html[data-theme='dark'] textarea:focus,
html[data-theme='dark'] .form-input:focus,
html[data-theme='dark'] .form-select:focus,
html[data-theme='dark'] .form-textarea:focus {
  border-color: #f59e0b !important;
  box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.45) !important;
}

html[data-theme='dark'] .border-gray-100,
html[data-theme='dark'] .border-gray-200,
html[data-theme='dark'] .border-gray-300,
html[data-theme='dark'] .border-gray-400 {
  border-color: #334155 !important;
}

html[data-theme='dark'] .bg-gray-50,
html[data-theme='dark'] .hover\:bg-gray-50:hover,
html[data-theme='dark'] .hover\:bg-gray-100:hover {
  background-color: #111827 !important;
}

html[data-theme='dark'] .bg-green-50 {
  background-color: rgba(22, 163, 74, 0.18) !important;
}

html[data-theme='dark'] .bg-red-50 {
  background-color: rgba(239, 68, 68, 0.18) !important;
}

html[data-theme='dark'] .text-green-700 {
  color: #bbf7d0 !important;
}

html[data-theme='dark'] .text-red-700 {
  color: #fecaca !important;
}

html[data-theme='dark'] .border-green-500 {
  border-color: rgba(34, 197, 94, 0.6) !important;
}

html[data-theme='dark'] .border-red-500 {
  border-color: rgba(248, 113, 113, 0.6) !important;
}

html[data-theme='dark'] .cw-theme-toggle {
  background-color: #1f2937;
  border-color: #334155;
  color: #cbd5f5;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.35);
}

html[data-theme='dark'] .cw-theme-toggle button {
  color: inherit;
}

html[data-theme='dark'] .cw-theme-toggle button[aria-pressed='true'] {
  background-color: #6366f1;
  color: #ffffff;
  box-shadow: 0 10px 18px rgba(99, 102, 241, 0.35);
}

html[data-theme='dark'] .cw-theme-toggle button[aria-pressed='false'] {
  opacity: 0.65;
}