/* Скин «Azure 01 Origin» — ТОЛЬКО цвета, радиусы, тени и шрифты. Геометрия — в panel.css.
   Значения перенесены из макета владельца (.tmp/accent_maket/accent-panel-azure-01-origin.html)
   без подбора на глаз: каждый токен взят из макета как есть. */

.sk[data-skin="azure-01-origin"] {
    /* шрифты (лежат локально, vendor/fonts.css — правило «все ресурсы свои») */
    --sk-font-ui: 'Space Grotesk', Helvetica, sans-serif;
    --sk-font-mono: 'IBM Plex Mono', monospace;

    /* полотно */
    --sk-panel-bg: #ffffff;
    --sk-footer-bg: #eef3ff;
    --sk-well-bg: #eef3ff;
    --sk-border: rgba(12, 30, 66, .16);
    --sk-text: #0d1c3d;
    --sk-dim: #1b3565;
    --sk-caret: #0d1c3d;
    --sk-panel-shadow: 0 26px 50px -26px rgba(6, 15, 36, .45);

    /* дека (синее поле под клавишами) */
    --sk-deck-bg: #6699ff;
    --sk-deck-border: #4d80ea;
    --sk-deck-pad: 14px;
    --sk-deck-dim: #e8f0ff;
    --sk-editor-frame: #6699ff;
    --sk-editor-frame-w: 10px;

    /* кнопки-инструменты */
    --sk-key-bg: #fafafa;
    --sk-key-border: #2a2a2a;
    --sk-key-text: #0a0a0a;
    --sk-key-shadow: 2px 2px 2px rgba(0, 0, 0, .6);
    --sk-key-shadow-active: 0 0 1px rgba(0, 0, 0, .6);
    --sk-key-hover-bg: linear-gradient(#ffffff, #dbe6ff);
    --sk-key-hover-text: #0d1c3d;
    --sk-key-hover-border: #9fbaf2;

    /* клавиши символов */
    --sk-cap-bg: #fafafa;
    --sk-cap-border: #2a2a2a;
    --sk-cap-text: #0a0a0a;
    --sk-cap-shadow: 2px 2px 2px rgba(0, 0, 0, .6);
    --sk-cap-shadow-active: 0 0 1px rgba(0, 0, 0, .6);
    --sk-cap-hover-bg: #ffffff;
    --sk-cap-hover-text: #0a0a0a;
    --sk-cap-hover-border: #000000;
    --sk-corner: #4a4a4a;

    /* ГРУППЫ-БЛОКИ (data-groups="blocks"). Подложка группы — не новый цвет, а осветление
       или затемнение той же синей деки: группа обязана читаться как её часть, а не как
       вторая панель. Разделы (буквы против служебных знаков) отличаются ТОЛЬКО подложкой:
       заливка клавиши здесь занята состоянием (наведение, нажатие), и затемнённая клавиша
       читается выключенной — проверено на владельце 2026-09-04. Метка группы — единственное
       тёмное пятно на светлой подложке, поэтому она и работает ориентиром: цвет — тот же
       тёмно-синий, что у главной кнопки панели (`--sk-accent-bg`), плоско и без тени, чтобы
       ни на миг не читаться клавишей. Оранжевый кружок эталона не повторяем (решение
       владельца 2026-09-04: «не кружками — это же не плагиат»). */
    /* ЕДВА ЗАМЕТНО (правка 04.09.2026). Первые значения (.22/.38) давали вокруг каждой группы
       жирный светлый контур: он спорил с белыми клавишами и «всё сливалось». Контур обязан
       ФОРМАЛЬНО очерчивать группу и не лезть в глаза — поэтому заливка и рамка ослаблены
       вдвое, а толщину кольца режет --sk-grp-pad в panel.css. */
    --sk-grp-bg: rgba(255, 255, 255, .11);
    --sk-grp-border: rgba(255, 255, 255, .20);
    --sk-grp-dim-bg: rgba(13, 28, 61, .10);
    --sk-grp-dim-border: rgba(13, 28, 61, .16);

    /* ПОЛОСА ПРОКРУТКИ мобильной деки. Она не украшение, а СООБЩЕНИЕ «эту штуку двигают вбок»,
       поэтому тёмная и контрастная к синему полю, а не полупрозрачная (владелец 04.09.2026:
       «должна быть хорошо заметна и гореть по умолчанию»). */
    --sk-scroll-thumb: rgba(13, 28, 61, .78);
    --sk-scroll-track: rgba(255, 255, 255, .38);
    --sk-badge-bg: rgba(13, 28, 61, .82);
    --sk-badge-text: #ffffff;

    /* ПЛОСКАЯ КЛАВИША ПЛОТНОЙ СЕТКИ (телефон). На узком экране клавиши идут вплотную, без
       рамок, скруглений и теней, и тон здесь снова работает разделителем: у ПЛОСКОЙ клавиши
       заливка не занята объёмом, поэтому серая читается «другим разделом», а не выключенной
       кнопкой (на объёмных клавишах деки это не так — см. правку 04.09.2026 в разделе блоков
       panel.css). Оба значения — замер РЕНДЕРА мобильной грани эталона 04.09.2026, пипеткой
       по F:/tmp/sk_ipa_mobile_ref.png: обычная #F0F0F0, служебная #D8D8D8. */
    --sk-cap-flat-bg: #f0f0f0;
    --sk-cap-flat-dim-bg: #d8d8d8;
    --sk-cap-flat-active-bg: #c4c4c4;

    --sk-punct-text: #0a0a0a;
    --sk-shift-color: #0d1c3d;

    /* плоский чип-подсказка (Shift+button): рамка есть, объёма нет — это не клавиша */
    --sk-chip-flat-bg: rgba(255, 255, 255, .92);
    --sk-chip-flat-border: #4d80ea;
    --sk-chip-flat-text: #0d1c3d;

    /* главная кнопка (Copy all) */
    --sk-accent-bg: #0d1c3d;
    --sk-accent-bg-hover: #16294f;
    --sk-accent-border: #0d1c3d;
    --sk-accent-text: #ffffff;
    --sk-accent-shadow: 2px 2px 2px rgba(0, 0, 0, .6);

    /* Подложки у колонок способов больше нет (`--sk-sheet-how-bg` удалён 2026-08-07): вместе
       с цветными сочетаниями она перегружала таблицу — решение владельца. */
    --sk-sheet-or: rgba(13, 28, 61, .45);
    /* В шпаргалке цветом выделены СОЧЕТАНИЯ (за ними и приходят), а сам символ — чёрный:
       синими были оба, и колонка символов перетягивала внимание (владелец 2026-08-07). */
    --sk-sheet-glyph: #000000;
    --sk-sheet-how-color: #4d80ea;
    /* кнопка копирования — светлым тоном (владелец 2026-08-07); темнеет под курсором */
    --sk-sheet-copy-color: #a9bcdd;

    /* Нажатая клавиша ВЫЕХАВШЕЙ раскладки. Отдельный токен, а не подсветка наведения: на мобильной
       грани движок клавиатур сознательно убирает вдавливание (`transform`) ради отклика, и цвет
       остаётся ЕДИНСТВЕННЫМ признаком нажатия. Значение подобрано по замеру: у страницы самой
       раскладки клавиша под пальцем темнеет на 9,7 % яркости, здесь — 9,4 %. */
    --sk-kb-press-bg: #dde3ee;

    /* тумблеры */
    --sk-switch-knob: #ffffff;
    --sk-switch-on: #0d1c3d;
    --sk-switch-off: #a8bff0;

    /* скругления */
    --sk-r: 6px;
    --sk-r-sm: 4px;
    --sk-r-key: 4px;
}