/* Красно-белая палитра кабинета «Дашборд» — 27.08.2026, по просьбе владельца.

   Сборку интерфейса не трогаем: она красится через CSS-переменные, и мы просто
   переопределяем их поверх. Файл подключён последним, поэтому при одинаковой
   силе селектора выигрывает он.

   Селекторы повторяют чужие один в один (`:root` и `aside:has(nav…)`) — у синей
   темы меню токены объявлены на обоих, и без такого же селектора её правило
   внутри сайдбара оказалось бы сильнее.

   Откат: снять <link> в index.html. */

/* ───────────────── светлая тема — основная ───────────────── */
:root,
aside:has(nav.scrollbar-auto-hide) {
  /* Ядро интерфейса: кнопки, ссылки, фокус. Красный — тот же тон, что платформа
     держит для акцентов (oklch, как во всей сборке). */
  --primary:                    oklch(57.7% .245 27.325);
  --primary-foreground:         oklch(98.5% 0 0);
  --ring:                       oklch(57.7% .245 27.325);
  --sidebar-primary:            oklch(57.7% .245 27.325);
  --sidebar-primary-foreground: oklch(98.5% 0 0);
  --sidebar-ring:               oklch(57.7% .245 27.325);

  /* Сайдбар: белый вместо светло-синего. */
  --sb-bg-top:          #ffffff;
  --sb-bg-bottom:       #fbfbfc;
  --sb-border:          #ececee;
  --sb-divider:         rgba(211, 32, 32, 0.12);
  --sb-scroll:          rgba(211, 32, 32, 0.22);

  /* Заголовки, пункты и наведение. */
  --sb-head:            #2a2a2e;
  --sb-head-on:         #c81e1e;
  --sb-head-hover:      rgba(211, 32, 32, 0.07);
  --sb-item:            #46464c;
  --sb-item-icon:       #9a9aa2;
  --sb-item-hover-bg:   rgba(211, 32, 32, 0.09);
  --sb-item-hover-text: #1c1c20;

  /* Активный пункт — красная заливка вместо синей. */
  --sb-active-from:     #e02424;
  --sb-active-to:       #c81e1e;
  --sb-active-text:     #ffffff;
  --sb-active-shadow:   0 6px 16px -6px rgba(200, 30, 30, 0.55);

  /* Секции и чипы. */
  --sb-sec-bg:          #ffffff;
  --sb-sec-bg-on:       #fdeeee;
  --sb-sec-br:          #f0e2e2;
  --sb-sec-br-on:       #f3c9c9;
  --sb-chip-bg:         rgba(211, 32, 32, 0.10);
  --sbm-accent:         #c81e1e;
  --sbm-accent-bg:      rgba(211, 32, 32, 0.10);
}

/* ───────────────── тёмная тема — если переключить тумблером ───────────────── */
.dark,
.dark aside:has(nav.scrollbar-auto-hide) {
  --primary:                    oklch(63.7% .237 25.331);
  --primary-foreground:         oklch(98.5% 0 0);
  --ring:                       oklch(63.7% .237 25.331);
  --sidebar-primary:            oklch(63.7% .237 25.331);
  --sidebar-primary-foreground: oklch(98.5% 0 0);

  --sb-bg-top:          #17090a;
  --sb-bg-bottom:       #1f0d0e;
  --sb-border:          rgba(235, 120, 120, 0.16);
  --sb-divider:         rgba(235, 120, 120, 0.14);
  --sb-scroll:          rgba(235, 120, 120, 0.28);

  --sb-head:            #f0d6d6;
  --sb-head-on:         #ff6b6b;
  --sb-head-hover:      rgba(255, 107, 107, 0.12);
  --sb-item:            #e4c9c9;
  --sb-item-icon:       #c49a9a;
  --sb-item-hover-bg:   rgba(255, 107, 107, 0.14);
  --sb-item-hover-text: #ffffff;

  --sb-active-from:     #ff4d4d;
  --sb-active-to:       #e02424;
  --sb-active-text:     #ffffff;
  --sb-active-shadow:   0 8px 20px -8px rgba(255, 77, 77, 0.75);

  --sb-sec-bg:          rgba(255, 140, 140, 0.05);
  --sb-sec-bg-on:       rgba(255, 77, 77, 0.14);
  --sb-sec-br:          rgba(255, 140, 140, 0.14);
  --sb-sec-br-on:       rgba(255, 107, 107, 0.38);
  --sb-chip-bg:         rgba(255, 107, 107, 0.14);
  --sbm-accent:         #ff6b6b;
  --sbm-accent-bg:      rgba(255, 107, 107, 0.16);
}

/* ───────────────── маскот ───────────────── */
/* Реплика маскота красится своими переменными с синими значениями по умолчанию —
   переводим её в красно-белое. Тень под рисунком тоже была синеватой. */
:root {
  --duck-bubble-bg: #ffffff;
  --duck-bubble-fg: #2a2a2e;
  --duck-bubble-br: #f3c9c9;
}
#orq-duck .duck-body { filter: drop-shadow(0 8px 16px rgba(120, 25, 25, 0.20)); }
#orq-duck .duck-bubble { box-shadow: 0 10px 24px -12px rgba(120, 25, 25, 0.40); }

.dark {
  --duck-bubble-bg: #241011;
  --duck-bubble-fg: #f0d6d6;
  --duck-bubble-br: rgba(255, 107, 107, 0.30);
}

/* ───────────────── модуль «Онлайн» (retail-dashboard) ─────────────────
   У него своя палитра на токенах --bg/--panel/--tx/--pri и свой переключатель:
   светлая версия включается атрибутом data-theme="light" на <html>, которого
   платформа не ставит (она вешает класс .dark). Атрибут проставляет slim-menu.js.
   Здесь остаётся синий акцент — переводим его в красный.
   Селекторы с `html:root` — рецепт против порядка подключения: стили модуля
   приезжают позже наших, и с одинаковой силой выигрывали бы они. */
html:root,
html:root[data-theme="light"],
html:root[data-theme="dark"] {
  --pri:   oklch(57.7% .245 27.325);
  --pri-2: oklch(50% .22 27.5);
}