/* TrofeyFoto — ЕДИНЫЙ источник цветовых токенов для лендинга и юрстраниц (ТЗ№31). Раньше :root был объявлен ДВАЖДЫ (style.css и legal/legal.css) — страницы могли разъехаться. Теперь оба файла берут значения отсюда; подключать theme.css ПЕРВЫМ, до style.css/legal.css. Механика тем — как у портала «Рыбалка и Сабанеев» (kladovaya-app src/app.css): :root = светлая база, html.dark = переопределения. Класс на , localStorage['theme']. ТЗ№32: ДЕФОЛТ — ТЁМНАЯ. Инлайн-скрипт вешает html.dark всегда, КРОМЕ явно выбранной светлой, поэтому пустой localStorage даёт тёмную. Структуру файла не переворачивали намеренно: на html.dark завязаны ещё 5 селекторов (стрелка селекта + иконки кнопки в style.css и legal.css). Светлые значения взяты из docs/brand-book-v2.0.md §12.1 (беж/белый/Forest). Тёмные — прежняя тема лендинга (ТЗ §9) без изменений, кроме --on-accent (см. ниже). */ :root { /* ── Светлая тема (по явному выбору; дефолт с ТЗ№32 — тёмная) ──────────────────────────────────────────────── Контраст проверен: text 12.84:1 на фоне, text-dim 4.90:1, accent 7.31:1, белый на accent 7.95:1 — всё AA и выше. */ --bg: #f8f5f0; /* беж — фон страниц (brand-book --bg) */ --card: #ffffff; /* карточки, модалки, поля (--surface) */ --card-2: #f5f0e8; /* вторичные поверхности, инпуты (--surface-2) */ --accent: #2d5a3d; /* Forest — кнопки, ссылки, выделения (--primary) */ --accent-press: #1e3d29;/* нажатое состояние (--primary-dark) */ --on-accent: #ffffff; /* текст/иконки НА заливке акцента — 7.95:1 */ --text: #2c2c2c; /* основной текст (--text) */ --text-dim: #6b6b6b; /* вторичный текст (--text-muted) — 4.90:1 */ --line: #e0d8cc; /* границы, разделители (--border) */ --ok: #17702f; /* успех — 5.69:1 (светлый #4caf7d давал 2.2:1) */ --err: #a52a1e; /* ошибка — 6.55:1 */ --err-soft: #a52a1e; /* результат-ошибка в форме жалобы */ --warn: #8a5a00; /* предупреждение — 5.45:1 */ --on-err: #ffffff; /* текст на заливке ошибки — 7.12:1 */ /* Затемнения поверх ФОТО (слоты, подписи лент). В светлой теме это, наоборот, осветления — иначе тёмный --text на них не читается. */ --overlay-1: rgba(255, 255, 255, .62); --overlay-2: rgba(255, 255, 255, .72); --overlay-3: rgba(255, 255, 255, .88); --overlay-4: rgba(255, 255, 255, .97); --divider-soft: rgba(0, 0, 0, .10); /* тонкий разделитель внутри слота */ --spinner-track: rgba(0, 0, 0, .14); /* незакрашенная часть спиннера */ --shadow-panel: 0 -6px 24px rgba(0, 0, 0, .12); --shadow-toast: 0 6px 24px rgba(0, 0, 0, .16); --modal-backdrop: rgba(0, 0, 0, .45); --card-select-bg: #dce7e0; /* выбранная карточка (brand mint) */ --btn-off-bg: #e3ddd3; /* disabled-кнопка */ --btn-off-fg: #8a8275; /* 2.81:1 — не хуже тёмной (2.54:1); disabled от AA освобождён */ --toggle-bg: rgba(255, 255, 255, .78);/* подложка переключателя темы */ /* ── Токены, не зависящие от темы ── */ --tap: 60px; /* §9: тап-зоны ≥60px (перчатки, улица) */ --radius: 14px; --maxw: 460px; /* мобильная колонка; web расширяет (медиазапрос в style.css) */ } html.dark { /* ── Тёмная тема — ДЕФОЛТ (ТЗ№32). Значения прежние (ТЗ §9), не менялись ── */ --bg: #121212; --card: #1e1e1e; --card-2: #262626; --accent: #e07b39; --accent-press: #c96626; /* ТЗ№31 шаг 4: белый на рыжем давал 2.97:1 — провал AA, жил на проде. Тёмный текст на той же рыжей заливке = 5.85:1. Сам рыжий НЕ трогаем. */ --on-accent: #1a1a1a; --text: #ececec; --text-dim: #9a9a9a; --line: #333333; --ok: #4caf7d; --err: #e06060; --err-soft: #e0654f; --warn: #e0a13a; --on-err: #ffffff; --overlay-1: rgba(18, 18, 18, .5); --overlay-2: rgba(18, 18, 18, .6); --overlay-3: rgba(18, 18, 18, .82); --overlay-4: rgba(18, 18, 18, .95); --divider-soft: rgba(255, 255, 255, .08); --spinner-track: rgba(255, 255, 255, .16); --shadow-panel: 0 -6px 24px rgba(0, 0, 0, .38); --shadow-toast: 0 6px 24px rgba(0, 0, 0, .4); --modal-backdrop: rgba(0, 0, 0, .72); --card-select-bg: #241a12; --btn-off-bg: #3a3a3a; --btn-off-fg: #777777; --toggle-bg: rgba(18, 18, 18, .55); }