/* ═══════════════════════════════════════════════════════════════════════
   ВЫШКА — Unified Skin v2 (Dark base, conservative)

   v1 был слишком агрессивный: !important на .card/.panel/.container ломал
   оригинальные дизайны (особенно landing с particle canvas/matrix rain).
   v2 — минимальный baseline:
     • body bg + базовый цвет текста (без !important — пусть страницы
       могут переопределять для специфичного брендинга)
     • Scrollbar / selection — глобально dark
     • Form controls (input, textarea, select) — dark если страница не
       задала свой стиль (low-specificity :where())
     • НИЧЕГО !important на компонентные классы (.card/.panel/.container)
     • НЕТ body::before mesh — не добавляем визуальный шум

   Подключается только на тех страницах, где локального тёмного дизайна
   нет (portal/onboarding/app/etc). landing.php / entity_dashboard.php /
   identity.php имеют свой crafted dark design — НЕ подключаем.
   ═══════════════════════════════════════════════════════════════════════ */

:where(html, body) {
    background: #07090f;
    color: #e2e8f0;
}

/* Form controls — низкая специфичность, страницы легко переопределяют. */
:where(input[type="text"], input[type="email"], input[type="number"],
       input[type="password"], input[type="search"], input[type="url"],
       input[type="tel"], textarea, select) {
    background: #111827;
    color: #e2e8f0;
    border: 1px solid rgba(255,255,255,0.13);
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 14px;
}
:where(input:focus, textarea:focus, select:focus) {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.2);
    outline: none;
}

/* Scrollbar — dark глобально. */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0a0e15; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.2); }

/* Selection — indigo highlight. */
::selection { background: rgba(99,102,241,0.3); color: #f8fafc; }

/* Helper utility: задать на body[data-vy-skin="dark"] чтобы page-level
   стили могли проверять и адаптироваться. */
body[data-vy-skin="dark"] { color-scheme: dark; }