/* pwa-common/skins.css — Grand Mumtoz · темы оформления / ko'rinish mavzulari (owner 11.10.2026, сделано 16.10.2026)
   ОДИН источник цветов тем для всех приложений: директор /d/, повар /c/, горничные /m/, прачечная /l/, ресепшн /r/ и /reception/.
   Копируется в папку каждого приложения (как whatsnew.js) и кешируется SW. Подключать ПОСЛЕ своих токенов приложения
   (tokens.css / встроенный <style>) и ПОСЛЕ auth.css / chess.css — порядок для надёжности, специфичность и так выше.

   ТЕМЫ (одобрены владельцем 11.10.2026; «Чёткий» отклонён и сюда не входит):
     lobby     «Ночное лобби»  основа dark   = нынешний вид, по умолчанию у всех
     day       «Дневной свет»  основа light
     samarkand «Самарканд»     основа light
     garden    «Сад»           основа light
     midnight  «Полночь»       основа dark
     + «Авто» (только в skin.js): 07:00–19:00 → day, иначе → lobby.

   КАК УСТРОЕНО
   • На <html> два атрибута. data-theme="dark|light" — основа, как и раньше (на неё завязаны ~40 правил: светлые
     блоки токенов, auth.css, chess.css, подложка горничных, color-scheme). data-skin="<id>" — тема; она меняет
     ТОЛЬКО значения цветовых токенов. Ставит оба атрибута pwa-common/skin.js (и встроенный скрипт до отрисовки).
   • Каждый блок привязан к своей основе: html[data-theme="light"][data-skin="day"] (специфичность 0,2,1) —
     сильнее html[data-theme="light"] (0,1,1) и :root (0,1,0), где бы ни стояли токены приложения (файл или <style>).
     Если основа вдруг не совпала с темой, блок просто не сработает — светлые цвета никогда не лягут на тёмную схему.
   • Пока человек сам не выбрал тему, skin.js ставит data-skin="lobby" и НЕ трогает data-theme: работает прежняя
     логика приложения (в т. ч. старая светлая и «Авто по системе» у директора) — вид ровно как сейчас.
     Блок lobby ниже действует только при data-theme="dark" и повторяет tokens.css :root байт в байт (no-op);
     менять его только вместе с tokens.css (проверка pwa-common/skins_check.py сверяет).
   • Только hex и rgba(): у повара Chrome 80 — без color-mix(), oklch(), light-dark(), :has(), :is(), @layer.

   ЧТО ТЕМА МЕНЯЕТ (список токенов в каждом блоке):
     поверхности   --bg-0 фон экрана · --bg-1 шапка, нижняя панель, листы (= theme-color) · --bg-2 карточки, строки, поля
                   --bg-3 наведение, приподнятый чип, лунка значка · --bg-4 нажатое/выбранное · --overlay · --lamp
     линии         --line рамки и разделители · --line-strong рамки полей, чипов, пустых кнопок · --line-gold волосяная линия героя
     текст         --text-1 · --text-2 · --text-3 (подписи ≥ 12px) · --text-inverse (текст на --danger/--success)
     акцент        --accent · --accent-strong (крупные суммы, бусина) · --accent-fill / -hover / -active · --accent-ink
                   --accent-soft (выбранный чип, пилюля навигации) · --accent-line (кольцо выбора)
     смысловые     --success / --warning / --danger / --info и их -soft — ЗНАЧЕНИЯ ОСНОВЫ (dark или light): персонал
                   привык к этим цветам; в макетах те же оттенки (коралл «Полночи» и ржавчина «Сада» для «просрочено»
                   слишком близки к «грязному» и не взяты). Одно исключение по контрасту: --success «Самарканда» #20765A
     глубина и пр. --shadow-1/2/3 · --lamp-warm (лампа входа) · --bead-glow (свечение бусины) · --ch-extra (3-й ряд графика)
                   --ch-rooms — только в «Самарканде» (см. ниже)
   ЧТО ТЕМА НЕ МЕНЯЕТ НИКОГДА (берётся из основы dark/light):
     все --st-* (статусы номеров, вкл. --st-stay горничных), все --dept-* (цвета отделов), --wall-alpha, color-scheme,
     --focus-ring и --ch-bar/--ch-out/--ch-grid/--ch-axis (они через var() и сами берут цвета темы; так же
     --ch-rooms = var(--accent) — кроме «Самарканда», см. п. 5),
     шрифты --font-…, радиусы --r-…, движение --t-… и --e-…, размеры. Шрифты и скругления макетов (Literata, Unbounded,
     Nunito, Onest, пилюли 999px) сознательно НЕ перенесены — темы отличаются цветом.

   ПРАВИЛО ЗНАЧЕНИЙ
     Сплошные заливки и линии — hex прямо из макетов (файл в комментарии). -soft, overlay, lamp, тени, свечение — rgba;
     --accent-soft подобран так, чтобы на карточке (--bg-2) давать ровно цвет пилюли из макета.
     «*» в комментарии — в макете точного значения нет, выведено из соседних цветов темы.
     Сопоставление ролей: фон страницы → bg-0; нижняя панель → bg-1; карточка → bg-2; лунка/поднос → bg-3/bg-4;
     рамка карточки → line; рамка поля → line-strong; заголовки/крупные цифры → text-1; основной вторичный → text-2;
     подписи → text-3; ссылка/активный пункт → accent; главная кнопка → accent-fill + accent-ink.

   РАСХОЖДЕНИЯ С МАКЕТАМИ (решено так)
     1. Main.dc.html (окно выбора) рисует «Самарканд» с тёмно-кобальтовой шапкой #142C6E. На экранах самих тем
        (samarkand-director/-profit/-maid/-cook) шапка песочная, панель #FFFBF2 — берём экраны: шапка = --bg-1.
        Кобальт остаётся в карточке «Выручка» — через необязательный крючок .gm-skin-hero (ниже).
     2. samarkand-reception: тёмный #24305C — это подложка под листом заселения, не фон страницы → --overlay.
     3. «Дневной свет»: нижняя панель и карточки в макете обе #FFFFFF → --bg-1 = --bg-2.
     4. «Сад»: #8F8468 в макете — рамка полей, не текст (на #F4EFE3 текстом не проходит) → только --line-strong.
     5. --ch-rooms = var(--accent). В «Самарканде» кобальт в 6° от --ch-bar (= --dept-reception) и --st-cleaning —
        доход и бар на графике слились бы → --ch-rooms = бирюза #0A6B66 (так доход окрашен в samarkand-profit).
        «Дневной свет» 39° от --ch-bar, «Полночь» 48°, «Сад» 85° — оставлено var(--accent). (Лобби: золото и сейчас
        в 20° от --ch-out — нынешний вид, не трогаем.)
     6. Близкие тона, которые владелец видел и одобрил: мята «Полночи» в 13° от --success/--st-free, бирюза «Дня»
        в 18°, кобальт «Самарканда» в 6° от --st-cleaning (синий «уборка»). Статусы не тронуты — различие держат
        форма плиток и подписи, как и сейчас (золото лобби и сейчас в 2° от --warning).

   КОНТРАСТ (WCAG, проверено pwa-common/skins_check.py): text-1/2/3 на bg-0/1/2 ≥ 4,5:1 во всех темах (наименьшее в новых темах —
   text-3 «Дня» на bg-0 5,4:1; в лобби text-3 на bg-2 4,9:1, как сейчас); accent на bg-1/bg-2 ≥ 7,3:1; accent-ink на
   accent-fill ≥ 7,4:1; смысловые на bg-0 и bg-2 ≥ 4,5:1 в новых темах.

   ДЛЯ ВСТРАИВАНИЯ (следующие шаги, не здесь)
   • auth.css (/r/: вход, заставка, тост) держит СВОИ токены на #gm-auth/#gm-splash/#gm-toast, а его светлый блок
     @media (prefers-color-scheme: light) имеет специфичность 1,3,1. Поэтому каждый блок ниже повторён для
     html[...] #gm-auth#gm-auth (двойной id = 2,2,1) — сильнее при любом порядке подключения; auth.css не трогаем.
   • chess.css: свои оттенки --gmc-* (сегодня, выходные, прошлое, зебра, тень) — блоки в конце файла (0,3,1).
   • .gm-skin-hero — НЕОБЯЗАТЕЛЬНЫЙ крючок: класс на карточке «Выручка сегодня» / «Прибыль» перекрашивает её
     целиком (токены переопределены на самом элементе и наследуются внутрь) в «Саду» (зелёная) и «Самарканде»
     (кобальт). В остальных темах класс ничего не делает. Скрытие сумм (.gm-money, blur) работает и внутри.
   • whatsnew.js должен брать цвета из токенов: var(--bg-1, #1C1712) и т. п. — тогда окно «Что нового» в цвет темы.
   • Подложка горничных (applyWall) пишет --bg-0..4 в style <html> и перебьёт любую тему — правило решает встраивание.
   • theme-color, Telegram setHeaderColor и заставку ставит skin.js по карте bar (= --bg-1 темы). */


/* ============================================================ 1. lobby «Ночное лобби» · основа dark
   источник: lobby-*.dc.html = нынешние токены tokens.css :root, байт в байт */
html[data-theme="dark"][data-skin="lobby"],
html[data-theme="dark"][data-skin="lobby"] #gm-auth#gm-auth,
html[data-theme="dark"][data-skin="lobby"] #gm-splash#gm-splash,
html[data-theme="dark"][data-skin="lobby"] #gm-toast#gm-toast {
  /* поверхности */
  --bg-0: #0E0C0A;
  --bg-1: #17130F;
  --bg-2: #1F1A15;
  --bg-3: #282219;
  --bg-4: #31291F;
  --overlay: rgba(8, 6, 4, .72);
  --lamp: radial-gradient(1200px 600px at 20% -10%, rgba(201,164,92,.10), transparent 60%);
  /* линии */
  --line: rgba(255, 232, 196, .10);
  --line-strong: rgba(255, 232, 196, .18);
  --line-gold: rgba(201, 164, 92, .45);
  /* текст */
  --text-1: #F5EBDD;
  --text-2: #B9AB93;
  --text-3: #948672;
  --text-inverse: #1A1409;
  /* акцент */
  --accent: #C9A45C;
  --accent-strong: #E4C68A;
  --accent-fill: #C9A45C;
  --accent-fill-hover: #D6B26A;
  --accent-fill-active: #B08F4E;
  --accent-ink: #1A1409;
  --accent-soft: rgba(201, 164, 92, .14);
  --accent-line: rgba(201, 164, 92, .45);
  /* смысловые (как в основе) */
  --success: #6FBF9E;
  --success-soft: rgba(111, 191, 158, .14);
  --warning: #E0A33F;
  --warning-soft: rgba(224, 163, 63, .14);
  --danger: #E4645E;
  --danger-soft: rgba(228, 100, 94, .14);
  --info: #6E9BE0;
  --info-soft: rgba(110, 155, 224, .14);
  /* глубина, лампа, графики */
  --shadow-1: 0 1px 0 rgba(255, 232, 196, .06) inset;
  --shadow-2: 0 10px 30px -12px rgba(0, 0, 0, .65), 0 1px 0 rgba(255, 232, 196, .08) inset;
  --shadow-3: 0 24px 60px -20px rgba(0, 0, 0, .80), 0 1px 0 rgba(255, 232, 196, .12) inset;
  --lamp-warm: #F3D9A4;
  --bead-glow: rgba(201, 164, 92, .35);
  --ch-extra: #B9AB93;
}

/* ============================================================ 2. day «Дневной свет» · основа light
   источник: day-director / day-profit / day-maid / day-reception / day-cook */
html[data-theme="light"][data-skin="day"],
html[data-theme="light"][data-skin="day"] #gm-auth#gm-auth,
html[data-theme="light"][data-skin="day"] #gm-splash#gm-splash,
html[data-theme="light"][data-skin="day"] #gm-toast#gm-toast {
  /* поверхности */
  --bg-0: #F6F3EC;                                           /* фон страницы */
  --bg-1: #FFFFFF;                                           /* нижняя панель = шапка, theme-color */
  --bg-2: #FFFFFF;                                           /* карточки (= bg-1, как в макете) */
  --bg-3: #EDE9E0;                                           /* лунка значка, «с гостем», поднос (maid/profit) */
  --bg-4: #E2DCD0;                                           /* нажатое / выбранное */
  --overlay: rgba(21, 33, 58, .45);                          /* чернила #15213A */
  --lamp: radial-gradient(1200px 600px at 20% -10%, rgba(14,95,91,.06), transparent 60%); /* бирюза */
  /* линии */
  --line: #E2DCD0;                                           /* рамки карточек, разделители */
  --line-strong: #C9C1B2;                                    /* рамки полей и пустых кнопок (reception) */
  --line-gold: #9CC5BF;                                      /* бирюзовая волосяная линия (reception) */
  /* текст */
  --text-1: #15213A;
  --text-2: #444E66;
  --text-3: #5B6476;
  --text-inverse: #FFFFFF;
  /* акцент */
  --accent: #0E5F5B;                                         /* ссылки, активный пункт */
  --accent-strong: #0E5F5B;                                  /* крупные суммы («чистыми») */
  --accent-fill: #0E5F5B;                                    /* главная кнопка */
  --accent-fill-hover: #0A4A47;                              /* a:hover */
  --accent-fill-active: #0B3F3C;                             /* reception */
  --accent-ink: #FFFFFF;
  --accent-soft: rgba(12, 119, 98, .14);                     /* = #DDECE9 на белом */
  --accent-line: rgba(14, 95, 91, .45);
  /* смысловые (как в основе) */
  --success: #237A5B;
  --success-soft: rgba(35, 122, 91, .12);
  --warning: #9A5A0A;
  --warning-soft: rgba(178, 106, 14, .12);
  --danger: #B8332E;
  --danger-soft: rgba(184, 51, 46, .12);
  --info: #2C5FB0;
  --info-soft: rgba(44, 95, 176, .10);
  /* глубина, лампа, графики */
  --shadow-1: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 1px 2px rgba(21, 33, 58, .06);
  --shadow-2: 0 8px 24px -10px rgba(21, 33, 58, .18), 0 1px 0 rgba(255, 255, 255, .9) inset; /* day-profit rgba(21,33,58,.18) */
  --shadow-3: 0 24px 60px -20px rgba(21, 33, 58, .30);
  --lamp-warm: #FFEFD0;                                      /* как в светлой основе */
  --bead-glow: rgba(14, 95, 91, .30);
  --ch-extra: #8A92A3;                                       /* * серо-синий, 3,1:1 на белом */
}

/* ============================================================ 3. samarkand «Самарканд» · основа light
   источник: samarkand-director / -profit / -maid / -cook / -reception */
html[data-theme="light"][data-skin="samarkand"],
html[data-theme="light"][data-skin="samarkand"] #gm-auth#gm-auth,
html[data-theme="light"][data-skin="samarkand"] #gm-splash#gm-splash,
html[data-theme="light"][data-skin="samarkand"] #gm-toast#gm-toast {
  /* поверхности */
  --bg-0: #F3EADA;                                           /* песок */
  --bg-1: #FFFBF2;                                           /* нижняя панель = шапка, theme-color */
  --bg-2: #FFFBF2;                                           /* карточки */
  --bg-3: #EFE4CF;                                           /* внутренние полосы */
  --bg-4: #E7D8BD;                                           /* поднос переключателя периода */
  --overlay: rgba(36, 48, 92, .55);                          /* подложка листа #24305C (reception) */
  --lamp: radial-gradient(1200px 600px at 20% -10%, rgba(29,63,148,.07), transparent 60%); /* кобальт */
  /* линии */
  --line: #DCCDB1;                                           /* рамки карточек, панели */
  --line-strong: #8F7854;                                    /* рамки полей (reception) */
  --line-gold: #E3A72F;                                      /* золотая полоса орнамента */
  /* текст */
  --text-1: #1B1E3B;
  --text-2: #4F4A5E;
  --text-3: #625B6E;
  --text-inverse: #FFF7E8;
  /* акцент */
  --accent: #1D3F94;                                         /* кобальт */
  --accent-strong: #142C6E;                                  /* крупная сумма (profit) */
  --accent-fill: #1D3F94;
  --accent-fill-hover: #1A3885;                              /* * */
  --accent-fill-active: #142C6E;                             /* a:hover */
  --accent-ink: #FFF7E8;
  --accent-soft: rgba(115, 159, 254, .25);                   /* = #DCE4F5 на карточке */
  --accent-line: rgba(29, 63, 148, .45);
  /* смысловые (как в основе) */
  --success: #20765A;                                        /* основа #237A5B на песке 4,4:1 → чуть темнее, 4,6:1 */
  --success-soft: rgba(35, 122, 91, .12);
  --warning: #9A5A0A;
  --warning-soft: rgba(178, 106, 14, .12);
  --danger: #B8332E;
  --danger-soft: rgba(184, 51, 46, .12);
  --info: #2C5FB0;
  --info-soft: rgba(44, 95, 176, .10);
  /* глубина, лампа, графики */
  --shadow-1: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 1px 2px rgba(27, 30, 59, .06);
  --shadow-2: 0 8px 24px -10px rgba(20, 44, 110, .20), 0 1px 0 rgba(255, 255, 255, .8) inset; /* profit rgba(20,44,110,.25) */
  --shadow-3: 0 24px 60px -20px rgba(20, 44, 110, .32);      /* reception rgba(20,44,110,.28) */
  --lamp-warm: #F7E7C4;                                      /* cook/maid */
  --bead-glow: rgba(227, 167, 47, .40);                      /* золото вокруг кобальта */
  --ch-extra: #8F7854;
  --ch-rooms: #0A6B66;                                       /* доход бирюзой (profit); кобальт сливался с --ch-bar/--st-cleaning */
}

/* ============================================================ 4. garden «Сад» · основа light
   источник: garden-director / -profit / -maid / -cook / -reception */
html[data-theme="light"][data-skin="garden"],
html[data-theme="light"][data-skin="garden"] #gm-auth#gm-auth,
html[data-theme="light"][data-skin="garden"] #gm-splash#gm-splash,
html[data-theme="light"][data-skin="garden"] #gm-toast#gm-toast {
  /* поверхности */
  --bg-0: #F4EFE3;                                           /* фон страницы */
  --bg-1: #FFFCF5;                                           /* нижняя панель = шапка, theme-color */
  --bg-2: #FFFCF5;                                           /* карточки */
  --bg-3: #EDE6D5;                                           /* cook */
  --bg-4: #E2D9C6;                                           /* profit */
  --overlay: rgba(39, 49, 31, .42);                          /* reception */
  --lamp: radial-gradient(1200px 600px at 20% -10%, rgba(58,85,48,.07), transparent 60%); /* листва */
  /* линии */
  --line: #E2D9C6;                                           /* граница панели */
  --line-strong: #8F8468;                                    /* рамки полей (reception) — только линии, не текст */
  --line-gold: rgba(70, 101, 58, .45);                       /* * лист #46653A */
  /* текст */
  --text-1: #27311F;
  --text-2: #3E4636;                                         /* подписи полей (reception) */
  --text-3: #596150;
  --text-inverse: #FFFCF5;
  /* акцент */
  --accent: #3A5530;
  --accent-strong: #46653A;                                  /* рост в % (profit) */
  --accent-fill: #3A5530;
  --accent-fill-hover: #2F4727;                              /* cook */
  --accent-fill-active: #27311F;                             /* a:hover */
  --accent-ink: #FFFFFF;
  --accent-soft: rgba(108, 155, 68, .30);                    /* = #D3DFC0 на карточке */
  --accent-line: rgba(58, 85, 48, .45);
  /* смысловые (как в основе) */
  --success: #237A5B;
  --success-soft: rgba(35, 122, 91, .12);
  --warning: #9A5A0A;
  --warning-soft: rgba(178, 106, 14, .12);
  --danger: #B8332E;
  --danger-soft: rgba(184, 51, 46, .12);
  --info: #2C5FB0;
  --info-soft: rgba(44, 95, 176, .10);
  /* глубина, лампа, графики */
  --shadow-1: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 3px 10px rgba(58, 85, 48, .07); /* карточки */
  --shadow-2: 0 4px 14px rgba(58, 85, 48, .10), 0 1px 0 rgba(255, 255, 255, .8) inset;
  --shadow-3: 0 24px 60px -20px rgba(39, 49, 31, .30);       /* reception rgba(39,49,31,.18) */
  --lamp-warm: #F6EFD2;                                      /* * */
  --bead-glow: rgba(58, 85, 48, .28);
  --ch-extra: #8F8468;
}

/* ============================================================ 5. midnight «Полночь» · основа dark
   источник: midnight-director / -profit / -maid / -cook / -reception */
html[data-theme="dark"][data-skin="midnight"],
html[data-theme="dark"][data-skin="midnight"] #gm-auth#gm-auth,
html[data-theme="dark"][data-skin="midnight"] #gm-splash#gm-splash,
html[data-theme="dark"][data-skin="midnight"] #gm-toast#gm-toast {
  /* поверхности */
  --bg-0: #0D1526;                                           /* фон страницы */
  --bg-1: #101A2E;                                           /* нижняя панель = шапка, theme-color */
  --bg-2: #141F36;                                           /* карточки */
  --bg-3: #1B2844;                                           /* лунка аватара */
  --bg-4: #22314F;                                           /* нажатое */
  --overlay: rgba(5, 9, 18, .72);                            /* * */
  --lamp: radial-gradient(1200px 600px at 20% -10%, rgba(95,227,201,.07), transparent 60%); /* мята */
  /* линии */
  --line: #22314F;                                           /* граница панели */
  --line-strong: #2A3A5C;                                    /* рамки полей (reception) */
  --line-gold: rgba(95, 227, 201, .40);                      /* * мятная волосяная линия */
  /* текст */
  --text-1: #EAF0FA;
  --text-2: #AFBDD6;
  --text-3: #8E9DBA;
  --text-inverse: #0D1526;
  /* акцент */
  --accent: #5FE3C9;                                         /* мята */
  --accent-strong: #9DF2E1;                                  /* a:hover */
  --accent-fill: #5FE3C9;
  --accent-fill-hover: #7FEAD5;                              /* * */
  --accent-fill-active: #46C9B0;                             /* * */
  --accent-ink: #062A24;
  --accent-soft: rgba(10, 166, 89, .20);                     /* = #123A3D на карточке */
  --accent-line: rgba(95, 227, 201, .45);
  /* смысловые (как в основе) */
  --success: #6FBF9E;
  --success-soft: rgba(111, 191, 158, .14);
  --warning: #E0A33F;
  --warning-soft: rgba(224, 163, 63, .14);
  --danger: #E4645E;
  --danger-soft: rgba(228, 100, 94, .14);
  --info: #6E9BE0;
  --info-soft: rgba(110, 155, 224, .14);
  /* глубина, лампа, графики */
  --shadow-1: 0 1px 0 rgba(234, 240, 250, .05) inset;
  --shadow-2: 0 10px 30px -12px rgba(0, 0, 0, .70), 0 1px 0 rgba(234, 240, 250, .06) inset;
  --shadow-3: 0 24px 60px -20px rgba(0, 0, 0, .85), 0 1px 0 rgba(234, 240, 250, .10) inset;
  --lamp-warm: #D7F7F0;                                      /* * лунный */
  --bead-glow: rgba(95, 227, 201, .40);                      /* свечение окон */
  --ch-extra: #AFBDD6;
}

/* ============================================================ chess.css — свои оттенки шахматки (--gmc-*)
   lobby не нужен: значения chess.css по умолчанию — это и есть лобби (dark) / старая светлая (light). */
html[data-theme="light"][data-skin="day"] .gmc, html[data-theme="light"][data-skin="day"] .gmc-layer {
  --gmc-we: rgba(21, 33, 58, .035); --gmc-td: rgba(14, 95, 91, .10); --gmc-past: rgba(21, 33, 58, .025); --gmc-row-alt: rgba(21, 33, 58, .018); --gmc-shade: rgba(21, 33, 58, .22);
}
html[data-theme="light"][data-skin="samarkand"] .gmc, html[data-theme="light"][data-skin="samarkand"] .gmc-layer {
  --gmc-we: rgba(27, 30, 59, .035); --gmc-td: rgba(29, 63, 148, .10); --gmc-past: rgba(27, 30, 59, .025); --gmc-row-alt: rgba(27, 30, 59, .018); --gmc-shade: rgba(20, 44, 110, .24);
}
html[data-theme="light"][data-skin="garden"] .gmc, html[data-theme="light"][data-skin="garden"] .gmc-layer {
  --gmc-we: rgba(39, 49, 31, .035); --gmc-td: rgba(58, 85, 48, .10); --gmc-past: rgba(39, 49, 31, .025); --gmc-row-alt: rgba(39, 49, 31, .018); --gmc-shade: rgba(39, 49, 31, .22);
}
html[data-theme="dark"][data-skin="midnight"] .gmc, html[data-theme="dark"][data-skin="midnight"] .gmc-layer {
  --gmc-we: rgba(175, 189, 214, .035); --gmc-td: rgba(95, 227, 201, .10); --gmc-past: rgba(0, 0, 0, .12); --gmc-plan: rgba(175, 189, 214, .07); --gmc-row-alt: rgba(175, 189, 214, .018); --gmc-shade: rgba(0, 0, 0, .55);
}

/* ============================================================ .gm-skin-hero — необязательный крючок «цветной герой»
   Ставится классом на карточку героя (выручка / прибыль). Работает только в «Саду» и «Самарканде». */
/* samarkand-director/-profit: кобальтовая карточка «Выручка сегодня» */
html[data-theme="light"][data-skin="samarkand"] .gm-skin-hero {
  --bg-2: #142C6E;
  --bg-3: #1D3F94;
  --bg-4: #1F4AA8;
  --line: rgba(255, 247, 232, .16);
  --line-strong: rgba(255, 247, 232, .28);
  --line-gold: #E3A72F;
  --text-1: #FFF7E8;
  --text-2: #C8D3F0;
  --text-3: #A9B6DA;
  --text-inverse: #142C6E;
  --accent: #F4CD7A;
  --accent-strong: #FFF7E8;
  --accent-fill: #F4CD7A;
  --accent-fill-hover: #F7D894;
  --accent-fill-active: #E3A72F;
  --accent-ink: #142C6E;
  --accent-soft: rgba(244, 205, 122, .16);
  --accent-line: rgba(244, 205, 122, .45);
  --success: #8EE3D8;
  --success-soft: rgba(142, 227, 216, .16);
  --warning: #F4CD7A;
  --warning-soft: rgba(244, 205, 122, .16);
  --danger: #FFB0A8;
  --danger-soft: rgba(255, 176, 168, .16);
  --info: #C8D3F0;
  --info-soft: rgba(200, 211, 240, .16);
  --shadow-1: 0 1px 0 rgba(255, 247, 232, .10) inset;
  --focus-ring: 0 0 0 2px #142C6E, 0 0 0 4px #F4CD7A;
}
/* garden-director: зелёная карточка «Выручка сегодня» */
html[data-theme="light"][data-skin="garden"] .gm-skin-hero {
  --bg-2: #3A5530;
  --bg-3: #4E6E41;
  --bg-4: #46653A;
  --line: rgba(255, 255, 255, .14);
  --line-strong: rgba(255, 255, 255, .28);
  --line-gold: rgba(230, 237, 218, .40);
  --text-1: #FFFFFF;
  --text-2: #E6EDDA;
  --text-3: #C9D6B8;
  --text-inverse: #27311F;
  --accent: #D3DFC0;
  --accent-strong: #FFFFFF;
  --accent-fill: #FFFCF5;
  --accent-fill-hover: #F4EFE3;
  --accent-fill-active: #E6EDDA;
  --accent-ink: #3A5530;
  --accent-soft: rgba(255, 255, 255, .12);
  --accent-line: rgba(230, 237, 218, .45);
  --success: #CFEAB4;
  --success-soft: rgba(207, 234, 180, .16);
  --warning: #F3D08A;
  --warning-soft: rgba(243, 208, 138, .16);
  --danger: #FFB4A2;
  --danger-soft: rgba(255, 180, 162, .16);
  --info: #C5D8F6;
  --info-soft: rgba(197, 216, 246, .16);
  --shadow-1: 0 1px 0 rgba(255, 255, 255, .10) inset;
  --focus-ring: 0 0 0 2px #3A5530, 0 0 0 4px #FFFFFF;
}