html { color-scheme: light; }
html.dark { color-scheme: dark; }

html, body { min-height: 100%; }
body { background-color: #f9fafb; }
html.dark body { background-color: #111827; }

.dark .table-wrap tbody tr:hover,
.dark .table-wrap-desktop tbody tr:hover {
    background-color: rgba(55, 65, 81, 0.45);
}

@media (max-width: 767px) {
    .dark .stack-table tbody {
        border-color: #374151;
        background: #1f2937;
    }
    .dark .stack-table td {
        border-bottom-color: #374151;
    }
    .dark .stack-table td::before {
        color: #9ca3af;
    }
}

.dark .description-html a {
    color: #60a5fa;
}

/* Lighten clickable blue link text in dark mode (row entries, back links, etc.) */
.dark a.text-primary-600,
.dark a.text-primary-700,
.dark a.text-primary-800 {
    color: #60a5fa;
}
.dark a.hover\:text-primary-800:hover,
.dark a.hover\:text-primary-900:hover {
    color: #93c5fd;
}

@keyframes urgency-pulse-immediate-kf-dark {
    0%, 100% { background-color: rgba(127, 29, 29, 0.35); }
    50% { background-color: rgba(153, 27, 27, 0.55); }
}
.dark .urgency-pulse-immediate {
    animation-name: urgency-pulse-immediate-kf-dark;
}
@media (prefers-reduced-motion: reduce) {
    .dark .urgency-pulse-immediate {
        animation: none;
        background-color: rgba(127, 29, 29, 0.5);
    }
}

.dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="color"]),
.dark select,
.dark textarea {
    background-color: #111827;
    color: #f3f4f6;
    border-color: #4b5563;
}
.dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="color"])::placeholder,
.dark textarea::placeholder {
    color: #6b7280;
}
.dark select option {
    background-color: #111827;
    color: #f3f4f6;
}

.dark .theme-toggle .icon-sun { display: none; }
.dark .theme-toggle .icon-moon { display: block; }
.theme-toggle .icon-sun { display: block; }
.theme-toggle .icon-moon { display: none; }