:root {
    color-scheme: light;
    --bg: #f5f6f8;
    --surface: #f8fafc;
    --card: #ffffff;
    --text: #111827;
    --muted: #6b7280;
    --muted-strong: #374151;
    --border: #e5e7eb;
    --border-strong: #d1d5db;
    --primary: #4f46e5;
    --primary-strong: #4338ca;
    --ring: #a5b4fc;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg);
    color: var(--text);
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --bg: #0f1419;
        --surface: #111827;
        --card: #0f172a;
        --text: #e5e7eb;
        --muted: #9ca3af;
        --muted-strong: #cbd5f5;
        --border: #1f2937;
        --border-strong: #334155;
        --primary: #818cf8;
        --primary-strong: #6366f1;
        --ring: #4338ca;
    }

    body .bg-white { background-color: var(--card) !important; }
    body .bg-gray-50 { background-color: var(--surface) !important; }
    body .bg-gray-100 { background-color: var(--bg) !important; }
    body .text-gray-900 { color: var(--text) !important; }
    body .text-gray-800 { color: var(--text) !important; }
    body .text-gray-700 { color: var(--muted-strong) !important; }
    body .text-gray-600 { color: var(--muted) !important; }
    body .text-gray-500 { color: var(--muted) !important; }
    body .text-gray-400 { color: #94a3b8 !important; }
    body .border-gray-200 { border-color: var(--border) !important; }
    body .border-gray-300 { border-color: var(--border-strong) !important; }
    body .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--border) !important; }
    body .divide-gray-300 > :not([hidden]) ~ :not([hidden]) { border-color: var(--border-strong) !important; }
    body .bg-indigo-600 { background-color: var(--primary) !important; }
    body .hover\:bg-indigo-700:hover { background-color: var(--primary-strong) !important; }
    body .focus\:ring-indigo-500:focus { --tw-ring-color: var(--ring) !important; }
    body .focus\:border-indigo-500:focus { border-color: var(--ring) !important; }
}