Свойство color-scheme: light dark на :root подсказывает браузеру нативные цвета UI (scrollbar, input) в обеих темах — меньше «белой вспышки» при тёмном системном режиме.
Пара с <meta name="color-scheme" content="light dark"> помогает до загрузки CSS; токены всё равно переключайте через prefers-color-scheme.
- [color-scheme — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme) — Значения и наследование.
- [prefers-color-scheme — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) — Media query для темы ОС.
---
## Бренд
Не инвертируйте фото товаров автоматически — только UI-оболочку.
Проверьте контраст ссылок в dark: WCAG 4.5:1 для основного текста.