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

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

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

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

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

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

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

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

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

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

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

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