/* Тёмная схема: переопределяет используемые на сайте утилиты Tailwind при html.dark */
html.dark { color-scheme: dark; }

/* фон и поверхности */
.dark body.bg-slate-50 { background: #0e1319; color: #e5e7eb; }
.dark .bg-white { background-color: #18202a; }
.dark .bg-slate-50 { background-color: #1f2833; }
.dark .bg-slate-100 { background-color: #243040; }
.dark .bg-slate-200 { background-color: #2c3a4d; }
.dark .bg-\[\#f3e9d2\] { background-color: #3b3524; }          /* бежевая карточка с видео */
.dark .hover\:bg-slate-50:hover { background-color: #243040; }

/* текст */
.dark .text-slate-800 { color: #e5e7eb; }
.dark .text-slate-700 { color: #cbd5e1; }
.dark .text-slate-600 { color: #b6c0cc; }
.dark .text-slate-500 { color: #9aa7b8; }
.dark .text-slate-400 { color: #7d8a9c; }
.dark .text-slate-300 { color: #566275; }
.dark .hover\:text-slate-800:hover, .dark .hover\:text-slate-700:hover, .dark .hover\:text-slate-600:hover { color: #ffffff; }
.dark .text-indigo-700 { color: #a5b4fc; }
.dark .text-indigo-800 { color: #c7d2fe; }
.dark .text-slate-900 { color: #0f172a; } /* на жёлтой кнопке */

/* рамки и разделители */
.dark .border, .dark .border-t, .dark .border-b, .dark .border-l { border-color: #2c3a4d; }
.dark .divide-y > :not([hidden]) ~ :not([hidden]) { border-color: #2a3646; }
.dark .border-slate-300 { border-color: #3a4a5f; }
.dark .border-indigo-300 { border-color: #4b55a8; }
.dark .border-red-300 { border-color: rgba(248, 113, 113, .55); }
.dark .ring-red-300 { --tw-ring-color: rgba(248, 113, 113, .55); }

/* цветные плашки */
.dark .bg-indigo-50 { background-color: rgba(99, 102, 241, .16); }
.dark .bg-green-50 { background-color: rgba(34, 197, 94, .12); }
.dark .bg-green-100 { background-color: rgba(34, 197, 94, .2); }
.dark .text-green-800, .dark .text-green-700 { color: #86efac; }
.dark .text-green-600 { color: #4ade80; }
.dark .bg-red-100 { background-color: rgba(239, 68, 68, .2); }
.dark .text-red-800, .dark .text-red-700 { color: #fca5a5; }
.dark .text-red-600 { color: #f87171; }
.dark .bg-amber-100 { background-color: rgba(245, 158, 11, .2); }
.dark .text-amber-800, .dark .text-amber-700 { color: #fcd34d; }
.dark .bg-yellow-100 { background-color: rgba(250, 204, 21, .18); }
.dark .text-yellow-800 { color: #fde047; }
.dark .text-yellow-700 { color: #facc15; }

/* поля ввода */
.dark input, .dark select, .dark textarea { background-color: #111821; color: #e5e7eb; border-color: #334155; }
.dark input::placeholder, .dark textarea::placeholder { color: #6b7788; }
.dark input[type="checkbox"] { background-color: transparent; }

/* переключатель темы */
.theme-toggle { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 9999px; color: #64748b; }
.theme-toggle:hover { background: rgba(100, 116, 139, .15); color: inherit; }
.dark .theme-toggle { color: #9aa7b8; }
.dark .icon-moon, html:not(.dark) .icon-sun { display: none; }

/* просмотренная карточка (перекрывает бежевый/белый фон) */
.card-viewed { background-color: #dfeedd !important; }
.dark .card-viewed { background-color: #243629 !important; }