/* ───────────────────────────────────────────────────────────────────────── ЄДИНА ПАЛІТРА АДМІНКИ (UI-007, 2026-08-21) До цього файлу темна тема жила п'ятьма незалежними наборами значень у п'яти .cshtml, і кожна правка відтінку означала прохід по всіх п'яти. Тепер колір береться ЛИШЕ звідси. Правило для нового компонента: не пиши літерал — візьми токен. Немає потрібного токена — додай його СЮДИ, а не в представлення. Темна гілка описана двома селекторами (html.dark-mode, body.dark-mode), бо сторінка входу перемикає тему класом на (Layout = null, власний ), а решта сторінок — на . Значення однакові; змінні успадковуються вниз, тому обидва варіанти працюють однаково. ───────────────────────────────────────────────────────────────────────── */ :root { /* Поверхні */ --surface-bg: #f4f6f9; --surface: #ffffff; --surface-raised: #f1f3f5; /* Текст. --surface-muted НЕ #6c757d, як у Bootstrap: на піднятій поверхні він дає 4.22 при порозі 4.5 (успадковано з UI-002, не міняти). */ --surface-text: #212529; --surface-muted: #666e75; --surface-border: #dee2e6; --surface-shadow: rgba(0, 0, 0, .08); /* Акцент розділено на заливку і текст: один колір не може бути водночас достатньо темним під білий напис і достатньо світлим як текст на темному тлі. */ --accent: #0d6efd; --accent-on: #ffffff; --accent-text: #0d6efd; /* Зелений за тим самим принципом, що й акцент: у світлій темі темний відтінок під білим тлом, у темній — світлий. Одним значенням не обійтись — #34d399 на білому дає 1.78. */ --success-text: #198754; --success-bg: #d1e7dd; /* Червоний текст на поверхні. Значення НЕ нове: рівно ті числа вже жили в палітрі під іменем --promo-text (PROMO-001). Тепер канонічним є --danger-text, а --promo-text посилається на нього — інакше вийшло б два джерела одного кольору, тобто рівно та хвороба, яку лікує UI-008. */ --danger-text: #b91c1c; --danger-bg: #fee2e2; --danger-border: #fecaca; /* Рамка фокусу. У світлій темі значення ті самі, що були в site.css. */ --focus-ring-inner: #ffffff; --focus-ring-outer: #258cfb; /* Тінь навколо сфокусованого поля вводу. Токен, а не літерал: інакше в темних правилах лишався б єдиний захардкоджений колір. */ --focus-shadow: rgba(13, 110, 253, .25); /* Декоративне світіння ореолу на сторінці входу. Значення в гілках РІЗНІ (.05 проти .1), тому виняток зі Scope на світле правило не поширюється — воно лишається як є. */ --accent-glow: rgba(13, 110, 253, .05); } html.dark-mode, body.dark-mode { /* Темно-синя, варіант B. Обрано Власником за рендером 2026-08-21. Контраст тексту до тла 12.92 замість колишніх 17.77: поріг AA 4.5 з великим запасом, але без блиску в темряві. */ --surface-bg: #161d2b; --surface: #1f2937; --surface-raised: #273244; --surface-text: #dbe2ea; --surface-muted: #98a4b3; --surface-border: #2f3b4d; --surface-shadow: rgba(0, 0, 0, .45); --accent: #0d6efd; --accent-on: #ffffff; --accent-text: #4d9bff; --success-text: #34d399; --success-bg: rgba(34, 197, 94, .2); --danger-text: #fca5a5; --danger-bg: rgba(239, 68, 68, .2); --danger-border: rgba(239, 68, 68, .35); --focus-ring-inner: var(--surface); --focus-ring-outer: var(--accent-text); --focus-shadow: rgba(77, 155, 255, .28); --accent-glow: rgba(13, 110, 253, .1); /* Bootstrap 5.3 малює межі й другорядні поверхні власними змінними. Прив'язка з UI-002 переїхала сюди БЕЗ ЗМІНИ СКЛАДУ. Її не можна просто прибрати: Index.cshtml не має власних --bs-*, але читабельність .input-group-text (:684), .border-top (:711), .bg-light border (:946) і .form-control border-0 (:965) тримається саме на цих шести рядках. Приберемо — Index регресує рівно туди, звідки його витягнув UI-002. */ --bs-border-color: var(--surface-border); --bs-border-color-translucent: var(--surface-border); --bs-tertiary-bg: var(--surface-raised); --bs-secondary-bg: var(--surface-raised); --bs-tertiary-color: var(--surface-muted); --bs-secondary-color: var(--surface-muted); } /* Bootstrap-івський .text-dark прибитий до світлої теми і застосований прямо до елемента, тому б'є успадкований колір із body.dark-mode. У розмітці він стоїть у півтора десятка місць — від заголовка сторінки до підписів у випадних списках. Раніше це лікували локально в Index і Login, а спільний навбар лишався без лікування: пункти меню були нечитабельні на всіх сторінках, крім списку товарів. */ html.dark-mode .text-dark, body.dark-mode .text-dark { color: var(--surface-text) !important; } /* Активний пункт навбару несе .text-dark і .nav-status-btn.active на одному елементі. Правило вище має вищу специфічність (0,2,1 проти 0,2,0) і перебило б колір напису на акцентній заливці: 3.45 замість 4.50. Це повертає його назад — (0,3,1) виграє в обох. */ html.dark-mode .nav-status-btn.active, body.dark-mode .nav-status-btn.active { color: var(--accent-on) !important; } /* Scoped-стилі з _Layout.cshtml.css лишились із шаблону проєкту й не мають темного варіанту. Фаза 0 показала, що з них реально малюються тільки межі: .border-bottom на