/*
Theme Name: Dream Platform
Theme URI: https://example.com/dream-platform
Author: Dream Team
Author URI: https://example.com
Description: Глобальная платформа исполнения желаний. Люди публикуют свои мечты, а другие откликаются и помогают. Чистая кастомная тема на HTML5 + Tailwind CSS (CDN), без сторонних конструкторов.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dream-platform
*/

/*
  Базовые стили подключаются через Tailwind CDN (см. functions.php).
  Этот файл нужен WordPress для идентификации темы и для пары кастомных правил,
  которые удобнее держать тут, чем в Tailwind.
*/

/* Плавная прокрутка по якорям */
html { scroll-behavior: smooth; }

/* Кастомный скроллбар (приятная мелочь) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #c4b5fd; border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: #a78bfa; }

/* Анимация появления карточек */
@keyframes dp-fade-up {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
.dp-animate { animation: dp-fade-up .5s ease both; }

/* Ограничение строк для отрывков (на случай старых браузеров) */
.dp-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* -------------------------------------------------------------------------
 * Тёмная тема.
 * Так как разметка построена на utility-классах Tailwind (bg-white, text-slate-*),
 * переопределяем самые частые «светлые» классы под .dark — это даёт
 * аккуратную тёмную тему без правки каждого шаблона.
 * ---------------------------------------------------------------------- */
.dark body { background-color: #0b1220; color: #e2e8f0; }
.dark .bg-slate-50 { background-color: #0b1220 !important; }
.dark .bg-white,
.dark .bg-white\/80,
.dark .bg-white\/70 { background-color: #111827 !important; }
.dark .bg-slate-100 { background-color: #1e293b !important; }
.dark .bg-slate-200 { background-color: #334155 !important; }

.dark .text-slate-900 { color: #f1f5f9 !important; }
.dark .text-slate-800 { color: #e2e8f0 !important; }
.dark .text-slate-700 { color: #cbd5e1 !important; }
.dark .text-slate-600 { color: #94a3b8 !important; }
.dark .text-slate-500 { color: #94a3b8 !important; }
.dark .text-slate-400 { color: #64748b !important; }

.dark .ring-slate-200 { --tw-ring-color: #1f2937 !important; }
.dark .ring-slate-100 { --tw-ring-color: #1e293b !important; }
.dark .border-slate-200 { border-color: #1f2937 !important; }
.dark .border-slate-300 { border-color: #334155 !important; }
.dark .border-slate-100 { border-color: #1e293b !important; }
.dark .divide-slate-50 > * + * { border-color: #1e293b !important; }

/* Поля ввода */
.dark input,
.dark textarea,
.dark select {
  background-color: #0b1220 !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}
.dark input::placeholder,
.dark textarea::placeholder { color: #64748b !important; }

/* Шапка/подвал */
.dark header.bg-white\/80 { background-color: rgba(17, 24, 39, .85) !important; }
.dark footer.bg-white { background-color: #111827 !important; }

/* Мягкие пастельные подложки чуть приглушаем */
.dark .bg-dream-50 { background-color: #1e1b4b !important; }
.dark .bg-slate-50\/50 { background-color: #0f172a !important; }

/* Скроллбар в тёмной теме */
.dark ::-webkit-scrollbar-track { background: #0b1220; }
.dark ::-webkit-scrollbar-thumb { background: #4c1d95; }