/* posteka — тёмная тема. Класс .dark на <html> (ранний скрипт в _Layout): по
   умолчанию как на устройстве (prefers-color-scheme), выбор в футере хранится в
   localStorage('pk_theme'). Сайт на Tailwind (CDN) — тема это централизованные
   оверрайды базовых утилит; !important, т.к. CDN вставляет стили позже.
   Бренд — азур-синий (brand-500 #1e83e0, rgb 30,131,224). */

html.dark { color-scheme: dark; }
.dark body { color: #dbe6f2; }

/* Ни при каких условиях без горизонтального скролла */
html, body { overflow-x: hidden; max-width: 100%; }

/* ── Поверхности ─────────────────────────────────────────────────────────── */
.dark .bg-white          { background-color: #0e1a2c !important; }
.dark .bg-white\/60      { background-color: rgba(14,26,44,.6) !important; }
.dark .bg-white\/70      { background-color: rgba(14,26,44,.72) !important; }
.dark .bg-white\/80      { background-color: rgba(14,26,44,.82) !important; }
.dark .bg-slate-50       { background-color: #12213a !important; }
.dark .bg-slate-100      { background-color: #16263f !important; }
.dark .bg-slate-200      { background-color: #1f3350 !important; }
.dark .bg-brand-50       { background-color: rgba(30,131,224,.16) !important; }
.dark .bg-brand-100      { background-color: rgba(30,131,224,.26) !important; }
.dark .bg-amber-50       { background-color: rgba(245,158,11,.14) !important; }

/* ── Текст ───────────────────────────────────────────────────────────────── */
.dark .text-slate-900 { color: #eef4fb !important; }
.dark .text-slate-800 { color: #dbe6f2 !important; }
.dark .text-slate-700 { color: #c2d1e2 !important; }
.dark .text-slate-600 { color: #9fb2c8 !important; }
.dark .text-slate-500 { color: #8296ad !important; }
.dark .text-slate-400 { color: #64748b !important; }
.dark .text-brand-700 { color: #74bcff !important; }
.dark .text-brand-600 { color: #74bcff !important; }
.dark .text-amber-600 { color: #fbbf24 !important; }

/* ── Границы ─────────────────────────────────────────────────────────────── */
.dark .border-slate-100 { border-color: #17263f !important; }
.dark .border-slate-200 { border-color: #21344f !important; }
.dark .border-slate-300 { border-color: #2b405f !important; }
.dark .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #17263f !important; }

/* ── Ховеры ──────────────────────────────────────────────────────────────── */
.dark .hover\:bg-slate-50:hover  { background-color: #12213a !important; }
.dark .hover\:bg-slate-100:hover { background-color: #17263f !important; }
.dark .hover\:bg-slate-200:hover { background-color: #21344f !important; }
.dark .hover\:bg-brand-50:hover  { background-color: rgba(30,131,224,.16) !important; }
.dark .hover\:text-slate-900:hover { color: #eef4fb !important; }
.dark .hover\:text-slate-800:hover { color: #dbe6f2 !important; }
.dark .hover\:text-slate-600:hover { color: #9fb2c8 !important; }

/* ── Формы ───────────────────────────────────────────────────────────────── */
.dark input:not(.bg-transparent), .dark textarea, .dark select {
  background-color: #0b1526; color: #dbe6f2;
}
.dark input::placeholder, .dark textarea::placeholder { color: #5f7690; }

/* ── Юр-страницы ─────────────────────────────────────────────────────────── */
.dark .legal p, .dark .legal ul { color: #9fb2c8; }
.dark .legal strong { color: #dbe6f2; }
.dark .legal a { color: #74bcff; }
