/**
 * Dhanmondi Doctors — dark-only theme remap.
 * Forces leftover light Tailwind utilities onto the ink dark palette.
 * Loaded after style.css so it wins over compiled utilities.
 */

html {
  color-scheme: dark;
}

/* Page / panel surfaces */
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(11 31 58 / var(--tw-bg-opacity, 1)) !important; /* ink-900 */
}

.bg-ink-50,
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(7 21 38 / var(--tw-bg-opacity, 1)) !important; /* ink-950 */
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 39 68 / var(--tw-bg-opacity, 1)) !important;
}

.bg-slate-50,
.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(11 31 58 / var(--tw-bg-opacity, 1)) !important;
}

/* Soft brand tints on dark */
.bg-primary-50 {
  background-color: rgb(14 116 144 / 0.15) !important;
}

.hover\:bg-primary-50:hover {
  background-color: rgb(14 116 144 / 0.28) !important;
}

.bg-blue-50 {
  background-color: rgb(37 99 235 / 0.15) !important;
}

/* Borders */
.border-ink-100,
.border-gray-100,
.border-gray-200,
.border-slate-100,
.border-slate-200 {
  border-color: rgb(255 255 255 / 0.1) !important;
}

.divide-ink-100 > :not([hidden]) ~ :not([hidden]),
.divide-gray-100 > :not([hidden]) ~ :not([hidden]),
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.1) !important;
}

/* Body text that was authored for light pages */
.text-ink-900,
.text-gray-900,
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(243 246 249 / var(--tw-text-opacity, 1)) !important; /* ink-50 */
}

.text-ink-800,
.text-gray-800,
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(228 235 242 / var(--tw-text-opacity, 1)) !important;
}

.text-ink-700,
.text-gray-700,
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(209 219 232 / var(--tw-text-opacity, 1)) !important;
}

.text-ink-600,
.text-gray-600,
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1)) !important;
}

.text-ink-500,
.text-gray-500,
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1)) !important;
}

.group:hover .group-hover\:text-primary-800 {
  color: #67e8f9 !important;
}

.text-primary-700,
.text-primary-800 {
  color: #67e8f9 !important;
}

.hover\:border-primary-300:hover {
  border-color: rgb(34 211 238 / 0.45) !important;
}

a.focus\:bg-white:focus,
.focus\:bg-white:focus {
  background-color: #0b1f3a !important;
}

a.focus\:text-primary-700:focus,
.focus\:text-primary-700:focus {
  color: #67e8f9 !important;
}


/* Prose / single content on dark */
.single-content-area,
.single-content-area p,
.single-content-area li {
  color: #d1dbe8;
}

.single-content-area h1,
.single-content-area h2,
.single-content-area h3,
.single-content-area h4,
.single-content-area h5,
.single-content-area h6 {
  color: #f3f6f9;
}

.single-content-area a {
  color: #67e8f9;
}

.single-content-area table tr,
.single-content-area table tr:nth-child(odd) {
  background-color: rgb(15 39 68 / 0.85) !important;
}

.single-content-area table tr:nth-child(even) {
  background-color: rgb(11 31 58) !important;
}

.single-content-area table td,
.single-content-area table th {
  border-color: rgb(255 255 255 / 0.12) !important;
  color: #e4ebf2;
}

/* Form controls default dark */
input:not([type='checkbox']):not([type='radio']):not([type='range']),
textarea,
select {
  color-scheme: dark;
}