/* Unified dark appearance used on internal pages.
   It lets legacy light Tailwind utility classes render in the same visual spirit as index.html. */

body.unified-dark {
  background: #050507;
  color: #a1a1aa;
}

body.unified-dark .bg-slate-50 {
  background-color: #050507 !important;
}

body.unified-dark .bg-white {
  background: rgba(13, 13, 18, 0.74) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

body.unified-dark .bg-slate-100,
body.unified-dark .bg-slate-200 {
  background: rgba(255, 255, 255, 0.06) !important;
}

body.unified-dark .text-slate-900 {
  color: #ffffff !important;
}

body.unified-dark .text-slate-700 {
  color: #d4d4d8 !important;
}

body.unified-dark .text-slate-600 {
  color: #a1a1aa !important;
}

body.unified-dark .text-slate-500,
body.unified-dark .text-slate-400 {
  color: #71717a !important;
}

body.unified-dark .border-slate-100,
body.unified-dark .border-slate-200,
body.unified-dark .border-slate-300 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

body.unified-dark .hover\:bg-slate-50:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

body.unified-dark .hover\:bg-slate-100:hover,
body.unified-dark .hover\:bg-slate-200:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

body.unified-dark input,
body.unified-dark textarea,
body.unified-dark select {
  background: rgba(9, 9, 12, 0.85) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

body.unified-dark input::placeholder,
body.unified-dark textarea::placeholder {
  color: #71717a !important;
}

body.unified-dark .prose h1,
body.unified-dark .prose h2,
body.unified-dark .prose h3,
body.unified-dark .prose h4,
body.unified-dark .prose strong {
  color: #ffffff !important;
}

body.unified-dark .prose p,
body.unified-dark .prose li {
  color: #a1a1aa !important;
}