/* Night mode publik SULTRAKLIK: aktif lewat atribut data-theme="dark" pada <html>. */

[data-theme="dark"] { color-scheme: dark; }

[data-theme="dark"] body { background-color: #0b1120; color: #e2e8f0; }

[data-theme="dark"] .bg-white { background-color: #111827; }
[data-theme="dark"] .bg-gray-50 { background-color: #0f172a; }
[data-theme="dark"] .bg-gray-100 { background-color: #172033; }
[data-theme="dark"] .bg-gray-200 { background-color: #263449; }

[data-theme="dark"] .text-gray-900 { color: #f1f5f9; }
[data-theme="dark"] .text-gray-700 { color: #e2e8f0; }
[data-theme="dark"] .text-gray-600 { color: #cbd5e1; }
[data-theme="dark"] .text-gray-500 { color: #a8b4c6; }
[data-theme="dark"] .text-gray-400 { color: #94a3b8; }

[data-theme="dark"] .border-gray-100,
[data-theme="dark"] .border-gray-200,
[data-theme="dark"] .border-gray-300 { border-color: #233047; }

[data-theme="dark"] .hover\:bg-gray-50:hover { background-color: #1b2639; }

[data-theme="dark"] .bg-accent-50 { background-color: rgba(255, 255, 255, 0.07); }
[data-theme="dark"] .border-accent-200 { border-color: rgba(255, 255, 255, 0.14); }

[data-theme="dark"] .article-body { color: #dbe3ee; }
[data-theme="dark"] .article-body blockquote { color: #9fb0c6; }
[data-theme="dark"] .article-body figure figcaption { color: #94a3b8; }
[data-theme="dark"] .article-body td,
[data-theme="dark"] .article-body th { border-color: #2b3a52; }

[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background-color: #0f172a;
    border-color: #233047;
    color: #e2e8f0;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color: #64748b; }

[data-theme="dark"] .shadow-sm { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45); }
[data-theme="dark"] .shadow-md { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); }
[data-theme="dark"] .shadow-lg { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55); }

[data-theme="dark"] .logo-plate { background-color: #ffffff; }