/* Theme - Dark Mode */

/* Color scheme hint for browser UI (scrollbars, form controls) */
:root { color-scheme: light; }
.dark { color-scheme: dark; }

/* Global dark mode for form elements - avoids repeating dark: classes on every input */
.dark input[type="text"],
.dark input[type="email"],
.dark input[type="password"],
.dark input[type="date"],
.dark input[type="search"],
.dark input[type="url"],
.dark input[type="number"],
.dark input[type="tel"],
.dark select,
.dark textarea {
    background-color: #374151;
    border-color: #4b5563;
    color: #f3f4f6;
}

.dark input[type="text"]::placeholder,
.dark input[type="email"]::placeholder,
.dark input[type="password"]::placeholder,
.dark input[type="search"]::placeholder,
.dark input[type="url"]::placeholder,
.dark input[type="number"]::placeholder,
.dark input[type="tel"]::placeholder,
.dark textarea::placeholder {
    color: #9ca3af;
}

.dark input[type="text"]:focus,
.dark input[type="email"]:focus,
.dark input[type="password"]:focus,
.dark input[type="date"]:focus,
.dark input[type="search"]:focus,
.dark input[type="url"]:focus,
.dark input[type="number"]:focus,
.dark input[type="tel"]:focus,
.dark select:focus,
.dark textarea:focus {
    border-color: #3b82f6;
}

.dark input[type="checkbox"],
.dark input[type="radio"] {
    background-color: #374151;
    border-color: #4b5563;
}

.dark input[type="file"] {
    color: #d1d5db;
}

/* Theme toggle transition */
.theme-transition,
.theme-transition *,
.theme-transition *::before,
.theme-transition *::after {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

/* Tab buttons in dark mode */
.dark .tab-button {
    color: #9ca3af;
}
.dark .tab-button.text-blue-600 {
    color: #60a5fa;
}