/* 2026-10-29 v1 - Screen appearance for qualifications, certificate chrome and verification. */
@media screen {
html.dark { color-scheme: dark; background: #0f172a; }
.dark body, .dark body.bg-slate-50, .dark body.bg-white { background: #0f172a; color: #e2e8f0; }
.dark .bg-white { background-color: #1e293b; }
.dark .bg-slate-50, .dark .bg-slate-100, .dark .bg-slate-200 { background-color: #334155; }
.dark .text-slate-900, .dark .text-slate-800, .dark .text-slate-700 { color: #e2e8f0; }
.dark .text-slate-600, .dark .text-slate-500 { color: #cbd5e1; }
.dark .text-slate-400 { color: #94a3b8; }
.dark .border-slate-200, .dark .border-slate-300 { border-color: #475569; }
.dark input:not([type=checkbox]):not([type=radio]):not([type=hidden]), .dark textarea, .dark select { background-color: #0f172a; color: #e2e8f0; border-color: #64748b; }
.dark input::placeholder { color: #94a3b8; }
.dark .hover\:bg-slate-50:hover { background-color: #334155; }
.dark .bg-brand-100 { background-color: #1e3a8a; }
.dark .text-brand-600 { color: #93c5fd; }
.dark .bg-red-50, .dark .bg-red-100 { background-color: #450a0a; }
.dark .text-red-500, .dark .text-red-600, .dark .text-red-700, .dark .text-red-800, .dark .text-red-900 { color: #fecaca; }
.dark .border-red-200, .dark .border-red-300 { border-color: #b91c1c; }
.dark .hover\:bg-red-50:hover, .dark .hover\:bg-red-100:hover { background-color: #450a0a; }

.dark .bg-green-50, .dark .bg-green-100 { background-color: #052e16; }
.dark .text-green-500, .dark .text-green-600, .dark .text-green-700, .dark .text-green-800, .dark .text-green-900 { color: #bbf7d0; }
.dark .border-green-200, .dark .border-green-300 { border-color: #15803d; }
.dark .hover\:bg-green-50:hover, .dark .hover\:bg-green-100:hover { background-color: #052e16; }

.dark .bg-amber-50, .dark .bg-amber-100 { background-color: #451a03; }
.dark .text-amber-500, .dark .text-amber-600, .dark .text-amber-700, .dark .text-amber-800, .dark .text-amber-900 { color: #fde68a; }
.dark .border-amber-200, .dark .border-amber-300 { border-color: #b45309; }
.dark .hover\:bg-amber-50:hover, .dark .hover\:bg-amber-100:hover { background-color: #451a03; }

.dark .bg-blue-50, .dark .bg-blue-100 { background-color: #172554; }
.dark .text-blue-500, .dark .text-blue-600, .dark .text-blue-700, .dark .text-blue-800, .dark .text-blue-900 { color: #bfdbfe; }
.dark .border-blue-200, .dark .border-blue-300 { border-color: #1d4ed8; }
.dark .hover\:bg-blue-50:hover, .dark .hover\:bg-blue-100:hover { background-color: #172554; }
}