/* Цветовые токены табло. Общий файл: страницу отдачи и страницу витрины
   нельзя разводить по цветам — иначе светлая тема разъезжается по мелочам
   на одной из них, и заметит это только пользователь. */
/* Тема задаётся одним набором токенов: цветов мимо них в файле нет, иначе
   вторая версия разъезжается по мелочам вроде фона под курсором.
   По умолчанию СВЕТЛАЯ: страницу открывают днём с ноутбука, а не только
   планшетом в зале. Выбор пользователя запоминается в localStorage и
   проставляется атрибутом data-theme (см. скрипт в head каждой страницы);
   голый :root — то, что видно, пока скрипт не отработал или отключён,
   поэтому светлые токены заданы и на нём. */
/* ПАЛИТРЫ. Светлых наборов два, они переключаются отдельно от темы,
   атрибутом data-palette:
     без атрибута — «Мята», исходная мятно-бирюзовая;
     data-palette="kabinet" — бежевая, общая стилистика с lk.love-mark.ru.
   Ставит атрибут тот же скрипт в head, что и тему: `?palette=kabinet`
   включает и запоминает бежевую, `?palette=mint` возвращает исходную.
   Деплой для переключения не нужен.
   20.09.2026 (решение владельца): analytics возвращён на исходную мятную.
   Бежевый набор прожил сутки и сохранён целиком — он ниже, слово в слово.
   ПОРЯДОК БЛОКОВ НИЖЕ МЕНЯТЬ НЕЛЬЗЯ: мята → кабинет → тёмная. У блоков
   «кабинет» и «тёмная» одинаковый вес (0,2,0), и побеждает последний —
   только поэтому тёмная тема остаётся тёмной при выбранном кабинете. */

/* ---------------------------------------------------------------------
   СВЕТЛАЯ «МЯТА» — исходная палитра табло, набор по умолчанию.
   Светлая — не инверсия тёмной: на белом те же зелёный и янтарь выцветают до
   пастели, поэтому смысловые цвета взяты темнее и насыщеннее, а карточки
   отделены от страницы белизной и волосяной рамкой, а не заливкой.
   --------------------------------------------------------------------- */
:root,
:root[data-theme="light"],
:root[data-palette="mint"],
:root[data-palette="mint"][data-theme="light"]{
  color-scheme:light;
  --bg:#EDF2F0; --surface:#FFFFFF; --surface-2:#F4F8F6; --line:#D9E2DE;
  --ink:#0F1A18; --ink-2:#41544F; --ink-3:#566A65;
  /* Янтарь взят теплее прежнего #6E4E00: тот уходил в оливковый и на плашке
     выглядел выцветшим */
  --accent:#0C7F73; --ok:#0B7A50; --warn:#8A5B08; --bad:#B23A26; --track:#EDF1EF;
  --hover:#E7EEEB;
  --sel:#DCEFEA;
  --row-hover:rgba(15,26,24,.045);
  --sunken:#F7FAF8;
  --line-2:#E9F0ED;
  --dim:#B3C0BC;
  --med:#9BADA8;
  --tip-bg:#FFFFFF;
  --tip-shadow:rgba(16,40,35,.22);
  --tag-line:#D2B071;
  --ring:rgba(12,127,115,.22);
  /* на светлом одной рамки мало: белую карточку от почти белой страницы
     отделяет мягкая тень, иначе лист выглядит плоским */
  --card-shadow:0 1px 2px rgba(16,40,35,.05), 0 2px 6px -2px rgba(16,40,35,.06);
  --overlay:rgba(16,40,35,.46);
  --bar-accent:#12958A; --bar-ok:#1E9A6C;
  --bar-warn:#C08A00; --bar-bad:#CF4A31;
  --fill-ok:#E6F4ED;
  --fill-warn:#FAF0DB;
  --fill-bad:#FBEAE6;
  --edge-bad:rgba(178,58,38,.26);
  --nav-on-bg:var(--sel); --nav-on-fg:var(--ink); --nav-on-ac:var(--accent);
  /* тёмная колонка «Заказа» (17.10.2026): фон и светлые роли поверх него */
  --col-bg:#12302B; --col-2:#1A3A34; --col-ink:#F2F7F5; --col-ink-2:#B9CDC8; --col-ink-3:#93ACA6;
  --col-line:rgba(255,255,255,.16); --col-line-2:rgba(255,255,255,.09); --col-hover:rgba(255,255,255,.08); --col-sel:rgba(255,255,255,.13);
  --col-accent:#7FDCCD; --col-ok:#86DDB0; --col-warn:#F2C766; --col-bad:#F29A86;
  --rad:12px; --rad-s:11px;
}

/* ---------------------------------------------------------------------
   СВЕТЛАЯ «КАБИНЕТ» — бежевая, цвета личного кабинета. Была набором по
   умолчанию 19–20.09.2026, сохранена целиком: `?palette=kabinet`.
   Три поправки против ЛК — их требует плотный экран, а не вкус: медь
   углублена с #B5622A до #9C4F1E (фирменная даёт на светлой карточке 4.18:1,
   мелкому тексту нужно 4.5), красный уведён в вишнёвый, чтобы не путался
   с медью в одной строке таблицы, линия плотнее бежевой рамки ЛК.
   --bar-accent тут НЕ медный, а синий: это цвет данных без статуса, и на
   контрольной карте он стоит бок о бок с --bar-bad, а медь от терракота
   не отличить. Все пары проходят WCAG AA.
   --------------------------------------------------------------------- */
:root[data-palette="kabinet"],
:root[data-palette="kabinet"][data-theme="light"]{
  color-scheme:light;
  --bg:#F3E7D3; --surface:#FFFFFF; --surface-2:#FFF7E8; --line:#E7D6BA;
  --ink:#3A2412; --ink-2:#5B3A21; --ink-3:#7A5837;
  /* смысловые цвета — тёмные: это цвет текста на плашках и в списках, где
     нужен контраст 4.5:1. Яркие версии живут отдельно, в --bar-* */
  --accent:#9C4F1E; --ok:#2F6D2F; --warn:#875608; --bad:#9C2B20; --track:#EFE4D0;
  --hover:#F0E4CE;
  --sel:#F8E6CA;
  --row-hover:rgba(58,36,18,.05);
  --sunken:#FFFDF3;
  --line-2:#F4EAD7;
  --dim:#C8B695;
  --med:#A78F6A;
  --tip-bg:#FFFFFF;
  --tip-shadow:rgba(67,42,22,.22);
  --tag-line:#D9B27E;
  --ring:rgba(181,98,42,.30);
  /* на бежевом полотне кремовую карточку одной рамкой не оторвать: у ЛК это
     делает мягкая глубокая тень, её же берём и сюда */
  --card-shadow:0 1px 2px rgba(67,42,22,.05), 0 12px 30px -14px rgba(67,42,22,.20);
  --overlay:rgba(48,30,16,.48);
  /* столбцы и линии графиков — крупные заливки, им контраст текста не нужен.
     --bar-accent тут НЕ медный, хотя медь просилась: это цвет данных без
     статуса, и на контрольной карте он стоит бок о бок с --bar-bad, а медь
     от терракота не отличить. Взят единственный холодный тон палитры —
     он же «мало» на статистике списаний, так что нейтральные данные во всех
     разделах теперь одного цвета. Медь осталась там, где ей место:
     в акценте интерфейса. */
  --bar-accent:#3E6E8C; --bar-ok:#3F8F45;
  --bar-warn:#B58200; --bar-bad:#C4502F;
  /* плашки заданы готовым цветом, а не прозрачностью: тёмный тон, разбавленный
     белым, даёт серую муть вместо чистого оттенка. Зелёная и красная взяты
     прямо из ЛК (#dff3df и его красная пара) */
  --fill-ok:#DFF3DF;
  --fill-warn:#F8ECCF;
  --fill-bad:#FAE3DE;
  --edge-bad:rgba(156,43,32,.26);
  /* выбранный раздел в шапке. В ЛК активный пункт меню — сплошная коричневая
     пилюля с кремовым текстом и без рамки; рамку гасим, задав ей цвет
     карточки, а не нулевую ширину: иначе поедет высота ряда.
     В остальных наборах эти три токена возвращают прежний вид (заливка --sel,
     рамка и иконка акцентом). */
  --nav-on-bg:#5B3A21; --nav-on-fg:#FFFFFF; --nav-on-ac:#FFFFFF;
  /* тёмная колонка «Заказа» (17.10.2026) */
  --col-bg:#3A2412; --col-2:#4A2F19; --col-ink:#FFF7E8; --col-ink-2:#E3CDAE; --col-ink-3:#C4A783;
  --col-line:rgba(255,247,232,.18); --col-line-2:rgba(255,247,232,.10); --col-hover:rgba(255,247,232,.08); --col-sel:rgba(255,247,232,.14);
  --col-accent:#F0B27A; --col-ok:#A9D99B; --col-warn:#F2C766; --col-bad:#F29A86;
  /* радиусы верхнего уровня: карточки и панели — у ЛК они заметно круглее */
  --rad:16px; --rad-s:14px;
}

/* Тёмная — только по явному выбору. Блок идёт ПОСЛЕДНИМ и по одной
   специфичности со светлыми: поменяешь порядок — светлая перекроет тёмную,
   и переключатель перестанет работать. Палитра на тёмную не влияет: набор
   один, и он прежний. */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0B1211; --surface:#141D1B; --surface-2:#1B2624; --line:#283634;
  /* --ink-3 был #6E827F: 4.2:1 на карточке и 3.8:1 на панели — ниже порога
     AA (4.5:1) для мелкого текста, подписи и деления осей еле читались */
  --ink:#E8EFED; --ink-2:#9FB3AF; --ink-3:#8AA09C;
  /* --bad был #E46E51: на своей же плашке (.it.late) давал 4.0:1 — единственный
     цвет тёмной темы ниже порога, поднят на пару ступеней */
  --accent:#45B9AA; --ok:#5DBF8D; --warn:#DDA63F; --bad:#EC8168; --track:#1E2A28;
  --hover:#22302E;          /* фон под курсором у кнопок и чипов */
  --sel:#16302D;            /* выбранный чип, выбранная строка списка */
  --row-hover:rgba(255,255,255,.035);
  --sunken:#101817;         /* раскрытый состав чека в таблице */
  --line-2:#16211F;         /* разделитель внутри раскрытой строки */
  --dim:#3B4A47;            /* выключенная стрелка выбора дня */
  --med:#55706C;            /* пунктир медианы на графике */
  --tip-bg:#0E1817;
  --tip-shadow:rgba(0,0,0,.85);
  --tag-line:#5C4623;       /* рамка пометки «удалено» */
  --ring:rgba(69,185,170,.18);
  --card-shadow:none;
  --overlay:rgba(4,9,8,.74);       /* на тёмном карточки отделяет рамка */
  --bar-accent:var(--accent); --bar-ok:var(--ok);
  --bar-warn:var(--warn); --bar-bad:var(--bad);
  --fill-ok:rgba(93,191,141,.12);
  --fill-warn:rgba(221,166,63,.14);
  --fill-bad:rgba(228,110,81,.16);
  --edge-bad:rgba(228,110,81,.18);
  --nav-on-bg:var(--sel); --nav-on-fg:var(--ink); --nav-on-ac:var(--accent);
  /* тёмная колонка «Заказа» (17.10.2026): темнее полотна */
  --col-bg:#0B1211; --col-2:#141D1B; --col-ink:#E8EFED; --col-ink-2:#9FB3AF; --col-ink-3:#8AA09C;
  --col-line:rgba(255,255,255,.12); --col-line-2:rgba(255,255,255,.07); --col-hover:rgba(255,255,255,.06); --col-sel:rgba(255,255,255,.10);
  --col-accent:#45B9AA; --col-ok:#5DBF8D; --col-warn:#DDA63F; --col-bad:#EC8168;
  --rad:12px; --rad-s:11px;
}