/* ════════════════════════════════════════════════════════════════════════ Rywass — тёмная палитра (warm/gold) ------------------------------------------------------------------------ Единый файл раскраски тёмной темы для всех страниц Rywass. Как это работает: • Эффективная тема пишется в — этим занимаются инлайн-FOUC-сниппет в и troy-theme.js. • Здесь мы только ПЕРЕОПРЕДЕЛЯЕМ существующие --переменные для тёмного режима. Светлые значения остаются в :root каждой страницы. • Селектор html[data-theme="dark"] специфичнее :root, поэтому перекрывает вне зависимости от порядка подключения. Подключать render-blocking в (вспышки не даёт — браузер не рисует, пока CSS не загружен). Подробности — THEME_HANDOFF_EGOR.md. ЗНАЧЕНИЯ = warm/gold мудборд Марка (TROY-DARK-THEME-FORMULA.md §2). Это ДЕФОЛТ бренда: страница без своего in-page тёмного блока покрасится в gold, не во что-то чужеродное. Каждая страница всё равно доопределяет свои ролевые/литеральные фиксы своим блоком ПОСЛЕ этого файла — он побеждает в каскаде (тот же селектор, позже) и там докручивается на глаз. В проекте ДВА семейства имён цветовых переменных: • Схема A — --color-* (напр. agency-office, консистентна). • Схема B — --bg/--surface/--text/… (остальные «clasic»-страницы; семейство с вариациями написания — покрываем алиасами). Страница задействует только свой набор — блоки не конфликтуют. Роли (правила Марка): бренд + акцент + ЦЕНЫ → золото; Object → зелёный; Request/verified/info → синий (единственный синий); trend/warn → оранжевый; danger/Cooperations → красный. --mood-* и динамические акценты объявлений НЕ трогаем — они свои на каждой карточке. ════════════════════════════════════════════════════════════════════════ */ /* ── Схема A (--color-*) ─────────────────────────────────────────────────── */ html[data-theme="dark"] { --color-bg: #0c0c0e; --color-surface: #18181c; --color-border: #2a2622; --color-text: #f0ede8; --color-text-2: #b7b5b2; --color-text-3: #908e8c; --color-muted: #8a8784; /* алиас «приглушённого» в части A-страниц */ --color-light: #b7b5b2; --color-brand: #c8a46a; /* ЗОЛОТО — бренд + акцент любого исходного оттенка */ --color-brand-mid: #d8b87e; --color-brand-light: #2a2214; /* был бледный чип — на тёмном это тёмно-золотая подложка */ --color-accent: #6fa8ff; /* синий verified/info — единственный синий */ --color-accent-light: rgba(111,168,255,0.14); --color-verified: #6fa8ff; --color-green: #5bbf88; --color-success: #5bbf88; --color-red: #e5675e; --color-danger: #e5675e; --color-orange: #e6a338; --color-orange-light: #3a2a12; --color-warn: #e6a338; --shadow-sm: 0 1px 4px rgba(0,0,0,0.40); --shadow-md: 0 4px 16px rgba(0,0,0,0.50); --shadow-lg: 0 8px 32px rgba(0,0,0,0.60); --shadow-card: 0 clamp(4px,0.5vw,8px) clamp(12px,1.5vw,24px) rgba(0,0,0,0.50); --shadow-sidebar: 4px 0 20px rgba(0,0,0,0.55); --shadow-profile: 0 8px 32px rgba(0,0,0,0.60); } /* ── Схема B (--bg/--surface/--text/…) + алиасы семейства ─────────────────── */ html[data-theme="dark"] { --bg: #0c0c0e; --bg2: #101012; --bg3: #08080a; --surface: #18181c; --surface-2: #222223; --surface2: #222223; --surface3: #2a2a2b; --brand: #c8a46a; --brand-mid: #d8b87e; --brand-light: #e0c88f; --brand-dim: rgba(200,164,106,0.12); --brand-dim-h: rgba(200,164,106,0.20); --text: #f0ede8; --text-2: #b7b5b2; --text-3: #908e8c; --text2: #b7b5b2; --text3: #908e8c; --muted: rgba(240,237,232,0.50); --border: rgba(240,237,232,0.10); --border-h: rgba(200,164,106,0.35); --border2: rgba(240,237,232,0.08); --danger: #e5675e; --danger-dim: rgba(229,103,94,0.15); --red: #e5675e; --success: #5bbf88; --success-dim: rgba(91,191,136,0.15); --accent: #6fa8ff; --accent-mid: #5b93e8; --accent-dim: rgba(111,168,255,0.15); --accent-glow: rgba(111,168,255,0.35); --info: #6fa8ff; --blue: #6fa8ff; --shadow: 0 8px 24px rgba(0,0,0,0.50); --shadow-sm: 0 2px 10px rgba(0,0,0,0.40); --shadow-md: 0 4px 24px rgba(0,0,0,0.55); --shadow-lg: 0 12px 40px rgba(0,0,0,0.60); /* --mood-*, а также одиночные page-specific токены (gold/violet/correct/wrong/…) НЕ переопределяем здесь — это работа in-page блока конкретной страницы. */ }