/*
 * Цвет акцента программы (владелец 10.10.2026): бордовый (как было), оранжевый — фирменный цвет
 * Fogel Power (#FF6F00 логотипа и КП) и зелёный. Выбор — в «Настройках» любого кабинета, общий
 * для всех кабинетов и страницы входа в этом браузере (ключ fogel.accent, атрибут data-accent на
 * <html>, код — src/shared/accent/accent.ts).
 *
 * Здесь только набор цветов. Токены кабинетов (--fp-accent, --pc-*, --dealer-v2-*, …) берут их
 * как var(--fpa-…, прежний бордовый): у бордового переменные не заданы — действуют прежние цвета
 * один в один. Отдельный файл в public/, чтобы кольцо загрузки и конфигуратор инженера получили
 * цвет до загрузки кода.
 *
 * Светлая тема: акцент — текст и кнопки с белой надписью, контраст с белым не ниже 4,5:1.
 * Графитовая и тёмная: акцент светлее, но приглушён до яркости бордового (белая надпись на нём
 * читается так же), надпись на кнопке тёмная, как у бордового; полосы-градиенты под белым текстом
 * темнее самого акцента.
 * gr-* — подложки графитовой темы, dk-soft/dk-border — тёмной.
 */
:root[data-accent="orange"] {
  --fpa-accent: #c25400;
  --fpa-accent-hover: #a84800;
  --fpa-accent-pressed: #8f3d00;
  --fpa-accent-soft: #fff3ea;
  --fpa-accent-soft-strong: #ffe4d1;
  --fpa-accent-border: #f0b48b;
  --fpa-focus: #e06400;
  --fpa-signal: #ff6f00;
  --fpa-hero-from: #a94400;
  --fpa-hero-to: #c75800;

  --fpa-dk-accent: #f28746;
  --fpa-dk-accent-hover: #f7a06c;
  --fpa-dk-accent-pressed: #dc6c25;
  --fpa-dk-on-accent: #2a1203;
  --fpa-dk-focus: #fba276;
  --fpa-dk-signal: #ff7a1a;
  --fpa-dk-hero-from: #94400f;
  --fpa-dk-hero-to: #c25a0c;
  --fpa-gr-soft: #44291b;
  --fpa-gr-soft-strong: #562e19;
  --fpa-gr-border: #97593a;
  --fpa-dk-soft: #3d2316;
  --fpa-dk-soft-strong: #4c2916;
  --fpa-dk-border: #864d31;
}

:root[data-accent="green"] {
  --fpa-accent: #2e7d32;
  --fpa-accent-hover: #256a29;
  --fpa-accent-pressed: #1d5a22;
  --fpa-accent-soft: #eef7ee;
  --fpa-accent-soft-strong: #dbf0db;
  --fpa-accent-border: #9ec99e;
  --fpa-focus: #2f9a3a;
  --fpa-signal: #34b04a;
  --fpa-hero-from: #1f5e27;
  --fpa-hero-to: #34883c;

  --fpa-dk-accent: #5cb863;
  --fpa-dk-accent-hover: #7cc782;
  --fpa-dk-accent-pressed: #48a350;
  --fpa-dk-on-accent: #062109;
  --fpa-dk-focus: #88d08a;
  --fpa-dk-signal: #4cc55d;
  --fpa-dk-hero-from: #1f6128;
  --fpa-dk-hero-to: #348a3e;
  --fpa-gr-soft: #213721;
  --fpa-gr-soft-strong: #224323;
  --fpa-gr-border: #467948;
  --fpa-dk-soft: #1b301c;
  --fpa-dk-soft-strong: #1e3b1f;
  --fpa-dk-border: #3c6b3e;
}
