Два противоположных профиля через одну систему custom properties. Если оба выглядят хорошо — дизайн-система работает. Если один ломается — найден баг.
Акцент: тёплый золотой (dominant=92 → hsl ~48°)
Дыхание: 71px (stress=38 → много воздуха)
Линия: 2.6px (decisiveness=54 → средняя)
Радар: вытянут вверх-вправо (интуиция+эмпатия доминируют)
Акцент: тёплый золотой (dominant=91 → hsl ~47°)
Дыхание: 51px (stress=78 → меньше воздуха)
Линия: 3.7px (decisiveness=91 → толстая)
Радар: вытянут вниз-влево (решительность+стресс доминируют)
Оба профиля получают почти идентичный золотой акцент потому что dominant=92 и dominant=91 дают одинаковый hsl. Проблема: формула привязана к доминантной величине, а не к типу доминанты. У Ольги доминирует интуиция, у Максима — решительность. Цвет должен различаться.
71px vs 51px — разница 20px. На мобильном визуально неотличимо. Формула `(100 - stress) * 0.5px` даёт слишком узкий диапазон. Нужно: min 32px, max 96px, с более агрессивной кривой.
Форма радара визуально разная — Ольга вытянута вверх-вправо, Максим — вниз-влево. Clip-path polygon работает корректно на обоих профилях.
2.6px vs 3.7px — различимо, особенно рядом. Формула работает.
`.dominant` и `.weak` проставлены вручную в HTML. В data-driven системе это должно вычисляться. CSS не может сравнивать custom properties (нет `@when var(--a) > var(--b)`). Решение: генерировать HTML с правильными классами на сервере, или использовать 10 строк JS для автоматической разметки.