/* ============================================================================
   ПАЛИТРА A — «Малина» (12.09.2026)
   ----------------------------------------------------------------------------
   Один из трёх наборов, между которыми переключается оператор в меню под
   аватаром. Умолчание пульта — B «Слива и крем», она живёт прямо в токенах
   `app.css` и файла не имеет. A и C — файлы переопределений: включаются
   атрибутом `data-palette` на <html>, который ставит `theme.js` ДО первой
   отрисовки (там же хранение в `localStorage eva.palette`).

   ЧТО В ВАРИАНТЕ: исходная фирменная малина KVLVSKI, какой пульт был до
   12.09, но на шаг плотнее — насыщеннее акцент (#b93c64 → #bd3660),
   уплотнённые светлые концы градиентов, заметно более глубокая «Ночь»
   (#0a0a0c → #050508). Периванкль и холодная тень рефов 1–2.

   ----------------------------------------------------------------------------
   КАК ЭТО УСТРОЕНО (одинаково для A и C, читать один раз)

   Три блока ниже отвечают трём темам пульта и повторяют строение `app.css`:
   «Ночь» — базовый, «Стекло» и «Спокойная» — переопределения.

   🔴 Специфичность. Базовый блок — `:root[data-palette="A"]`, это (0,2,0), и
   он перекрывает не только `:root` в `app.css` (0,1,0), но и
   `[data-theme="light"]` (тоже 0,1,0). Поэтому два блока ниже (0,3,0) обязаны
   переобъявить ВСЕ те же имена — иначе в светлых темах проступит ночное
   значение. Набор имён в трёх блоках одинаков и идёт в одном порядке; на это
   есть тест (`test/admin-palette.test.ts`), а не только обещание в комментарии.

   🔴 Здесь только ЗНАЧЕНИЯ и ни одного правила. Если палитре понадобилось
   правило — значит, в пульте цвет написан мимо токена, и чинить надо там.
   Так 12.09 из-под правил вынули знак EVA (`--orb-*`), рампу тона
   (`--ramp-*`) и два шара сводки (`--blob-*`).

   Порог контраста не ослаблен: текст ≥ 4.5:1, графика ≥ 3:1 в каждой из трёх
   тем — проверено живыми узлами, см. `design/pult-glass-2026-09/shots/palette/`.
   ========================================================================= */

/* ================================================================== «НОЧЬ»
   Базовый блок. Соответствует `:root` в `app.css`. */
:root[data-palette="A"] {
  /* слои сцены: страница → колодец → рельса → панель → поднятая → активная строка */
  --ink-900: #050508;
  --ink-860: #030305;
  --ink-820: #08080b;
  --ink-780: #0e0e14;
  --ink-740: #14141b;
  --ink-700: #1a1a23;

  /* четыре ступени текста */
  --milk: #f6f3ee;
  --silver: #c9c4bb;
  --mute: #9e978c;
  --faint: #8a837a;

  /* акцент: «активное и фирменное». Кнопка залита им, надпись — --accent-ink */
  --accent: #f7aec7;
  --accent-2: #e885a7;
  --accent-hi: #ffd0e0;
  --accent-ink: #140a0f;
  --accent-soft: rgba(247, 174, 199, 0.1);
  --accent-soft-2: rgba(247, 174, 199, 0.16);
  --accent-line: rgba(247, 174, 199, 0.3);

  /* состояния. Семантика не меняется ни в одной палитре: ok — «прошло»,
     warn — «ждёт», bad — «сорвалось». Меняется только оттенок под страницу. */
  --ok: #7fc49b;
  --ok-soft: rgba(127, 196, 155, 0.12);
  --ok-line: rgba(127, 196, 155, 0.3);
  --warn: #e0b978;
  --warn-soft: rgba(224, 185, 120, 0.12);
  --warn-line: rgba(224, 185, 120, 0.3);
  --bad: #e1867f;
  --bad-soft: rgba(225, 134, 127, 0.12);
  --bad-line: rgba(225, 134, 127, 0.3);
  --bad-ink: #150a0a;

  /* стекло и плоские поверхности */
  --glass: rgba(20, 20, 27, 0.74);
  --glass-2: rgba(20, 20, 27, 0.88);
  --glass-3: var(--ink-700);
  --seg-bg: var(--ink-780);
  --surface-flat: var(--ink-780);
  --paper-bg: var(--ink-740);
  --paper-line: var(--line-2);
  --ibox-bg: var(--ink-700);
  --ibox-line: var(--line-2);

  /* пять градиентов данных. Светлый конец уплотнён до ≥4.5:1 с белым текстом */
  --grad-brand: linear-gradient(146deg, #4a0d28 0%, #8d1e47 46%, #bd3660 100%);
  --grad-violet: linear-gradient(160deg, #26265e 0%, #423ea0 52%, #5b55c6 100%);
  --grad-sky: linear-gradient(158deg, #123c60 0%, #1d537c 55%, #266a99 100%);
  --grad-amber: linear-gradient(158deg, #5f2f08 0%, #7f420d 55%, #9a5213 100%);
  --grad-teal: linear-gradient(158deg, #0a423e 0%, #135953 55%, #187066 100%);

  /* свет акцента: фокус, свечение, засечки, размывки */
  --sh-focus: 0 0 0 3px rgba(247, 174, 199, 0.26);
  --glow-accent: 0 6px 26px -10px rgba(247, 174, 199, 0.55);
  --glow-accent-lg: 0 14px 48px -14px rgba(247, 174, 199, 0.45);
  --accent-glow-hi: rgba(247, 174, 199, 0.75);
  --accent-glow: rgba(247, 174, 199, 0.5);
  --accent-glow-soft: rgba(247, 174, 199, 0.35);
  --accent-wash: rgba(247, 174, 199, 0.38);
  --accent-wash-2: rgba(247, 174, 199, 0.12);

  /* фон сцены: зарево по углам, ложе под стеклом, виньетка и подложка */
  --ambient-1: rgba(247, 174, 199, 0.085);
  --ambient-2: rgba(126, 140, 176, 0.06);
  --ambient-3: transparent;
  --bed-1: rgba(247, 174, 199, 0.05);
  --bed-2: rgba(126, 140, 176, 0.04);
  --bed-3: transparent;
  --wave-dot-core: #26265e;
  --vignette: rgba(0, 0, 0, 0.76);
  --scrim: rgba(5, 5, 8, 0.9);

  /* мелочь, которую иначе пришлось бы красить правилами */
  --link-line: rgba(201, 196, 187, 0.3);
  --dot-ring: rgba(158, 151, 140, 0.14);
  --pill-invert-bg: var(--milk);
  --pill-invert-ink: var(--ink-900);

  /* знак EVA: шар в «EVA сейчас», в шапке диалога, в «Настройках» и сфера
     входа. --orb-1 — блик сверху, --orb-3 — дно шара. */
  --orb-1: #ffd0e0;
  --orb-2: #bd3660;
  --orb-3: #2c0715;
  --orb-hi: #ffffff;
  --orb-shade: rgba(48, 8, 26, 0.55);
  --orb-drop: rgba(78, 15, 43, 0.6);

  /* рампа тона разговора: пять ступеней фирменного цвета (кружки t0…t3) */
  --ramp-1: #4e0f2b;
  --ramp-2: #8d1e47;
  --ramp-3: #bd3660;
  --ramp-4: #e885a7;
  --ramp-5: #f7dbe5;
  --ramp-ink: #3a2e33;

  /* восемь цветов аватаров (access.css) — цвет детерминирован логином */
  --av-1: #ff8cb0;
  --av-2: #9db9ff;
  --av-3: #5fe0c0;
  --av-4: #f5cd77;
  --av-5: #b48cff;
  --av-6: #6fe0b0;
  --av-7: #7fc9ee;
  --av-8: #ff9a92;
  --av-ink: #0b1416;
  /* кольца ролей: золото владельцу, бирюза менеджеру — те же два цвета,
     которыми на карте знаний размечены «главное» и «связь» */
  --ring-owner: #dcc38e;
  --ring-manager: #5fe0c0;

  /* узлы карты знаний: розовый и фиолет идут за палитрой, золото и бирюза
     остаются (ими размечены «уезжает модели» и «связь» — это роли, а не
     фирменный цвет) */
  --kb-pink-1: #f79ab6;
  --kb-pink-2: #a33a61;
  --kb-violet-1: #b9a7f0;
  --kb-violet-2: #5b55c6;
  /* золото для СЛОВА в пилюле «Коннекторов» — на ступень темнее линии */
  --cn-gold-ink: var(--cn-gold);

  /* экран входа: преломление в сфере, пол под ней, три полосы херо, сетка и
     дрейфующие пятна */
  --orb-refract-1: #ff8ab4;
  --orb-refract-2: #5fe0c0;
  --orb-floor: rgba(255, 138, 180, 0.22);
  --lg-hero-1: #2b1c44;
  --lg-hero-2: #4a0d28;
  --lg-hero-3: #0e3038;
  --lg-grid: rgba(255, 255, 255, 0.05);
  --lg-blob-1: rgba(185, 140, 255, 0.24);
  --lg-blob-2: rgba(255, 140, 195, 0.22);
  --lg-blob-3: rgba(120, 200, 255, 0.2);

  /* «Настройки»: диск дуги, его свечение и преломление в шаре */
  --set-disc: #fbe6ee;
  --set-disc-ink: #3a2e33;
  --set-glow: radial-gradient(
    circle,
    rgba(255, 150, 185, 0.34) 0%,
    rgba(255, 150, 185, 0.12) 42%,
    transparent 70%
  );
  --set-refract-1: rgba(255, 130, 175, 0.55);
  --set-refract-2: rgba(95, 224, 192, 0.45);
}

/* ================================================================ «СТЕКЛО»
   🔴 Акцент здесь ДРУГОЙ, и это не описка: светлая кнопка залита им, а
   надпись на ней белая. Малина #bd3660 даёт с белым 5.9:1. */
:root[data-palette="A"][data-theme="light"] {
  --ink-900: #eaeef7;
  --ink-860: #ffffff;
  --ink-820: rgba(255, 255, 255, 0.7);
  --ink-780: rgba(255, 255, 255, 0.84);
  --ink-740: rgba(255, 255, 255, 0.95);
  --ink-700: #ffffff;

  --milk: #0f1626;
  --silver: #38415a;
  --mute: #58617a;
  --faint: #5b6479;

  --accent: #bd3660;
  --accent-2: #9e2a4e;
  /* «ярче» на светлом значит ТЕМНЕЕ: осветление hover стирало бы надпись */
  --accent-hi: #9e2a4e;
  --accent-ink: #ffffff;
  --accent-soft: rgba(189, 54, 96, 0.1);
  --accent-soft-2: rgba(189, 54, 96, 0.16);
  --accent-line: rgba(189, 54, 96, 0.3);

  --ok: #166f49;
  --ok-soft: rgba(22, 111, 73, 0.12);
  --ok-line: rgba(22, 111, 73, 0.3);
  --warn: #845907;
  --warn-soft: rgba(132, 89, 7, 0.12);
  --warn-line: rgba(132, 89, 7, 0.3);
  --bad: #b03731;
  --bad-soft: rgba(176, 55, 49, 0.12);
  --bad-line: rgba(176, 55, 49, 0.3);
  --bad-ink: #ffffff;

  --glass: rgba(255, 255, 255, 0.7);
  --glass-2: rgba(255, 255, 255, 0.84);
  --glass-3: rgba(255, 255, 255, 0.95);
  --seg-bg: #eceef2;
  --surface-flat: #ffffff;
  --paper-bg: #ffffff;
  --paper-line: #e6e9ef;
  --ibox-bg: #ffffff;
  --ibox-line: #e1e5ec;

  /* градиентная карточка данных на светлом остаётся тёмным островом с белыми
     цифрами: светлеть ей нельзя, иначе цифра пропадает */
  --grad-brand: linear-gradient(146deg, #4a0d28 0%, #8d1e47 46%, #bd3660 100%);
  --grad-violet: linear-gradient(160deg, #26265e 0%, #423ea0 52%, #5b55c6 100%);
  --grad-sky: linear-gradient(158deg, #123c60 0%, #1d537c 55%, #266a99 100%);
  --grad-amber: linear-gradient(158deg, #5f2f08 0%, #7f420d 55%, #9a5213 100%);
  --grad-teal: linear-gradient(158deg, #0a423e 0%, #135953 55%, #187066 100%);

  --sh-focus: 0 0 0 3px rgba(189, 54, 96, 0.22);
  --glow-accent: 0 8px 20px -10px rgba(189, 54, 96, 0.5);
  --glow-accent-lg: 0 16px 40px -16px rgba(189, 54, 96, 0.4);
  --accent-glow-hi: rgba(189, 54, 96, 0.5);
  --accent-glow: rgba(189, 54, 96, 0.35);
  --accent-glow-soft: rgba(189, 54, 96, 0.28);
  --accent-wash: rgba(244, 176, 198, 0.5);
  --accent-wash-2: rgba(244, 176, 198, 0.22);

  --ambient-1: rgba(244, 176, 198, 0.38);
  --ambient-2: rgba(150, 180, 255, 0.32);
  --ambient-3: rgba(140, 220, 210, 0.24);
  --bed-1: rgba(244, 176, 198, 0.58);
  --bed-2: rgba(150, 180, 255, 0.52);
  --bed-3: rgba(140, 220, 210, 0.42);
  --wave-dot-core: #26265e;
  --vignette: rgba(17, 24, 39, 0.16);
  --scrim: rgba(245, 247, 252, 0.86);

  --link-line: rgba(88, 97, 122, 0.35);
  --dot-ring: rgba(88, 97, 122, 0.16);
  --pill-invert-bg: #111111;
  --pill-invert-ink: #ffffff;

  /* шар светлее ночного: на светлой странице тёмно-малиновый читался бы
     дырой, а тень под ним — грязью */
  --orb-1: #ffe0ec;
  --orb-2: #c93b68;
  --orb-3: #4e0f2b;
  --orb-hi: #ffffff;
  --orb-shade: rgba(77, 26, 54, 0.4);
  --orb-drop: rgba(138, 57, 99, 0.42);

  --ramp-1: #4e0f2b;
  --ramp-2: #8d1e47;
  --ramp-3: #bd3660;
  --ramp-4: #e885a7;
  --ramp-5: #f7dbe5;
  --ramp-ink: #3a2e33;

  --av-1: #8e2049;
  --av-2: #2f4bb5;
  --av-3: #1e7a70;
  --av-4: #8b4910;
  --av-5: #45419b;
  --av-6: #17784f;
  --av-7: #23608d;
  --av-8: #a3342d;
  --av-ink: #ffffff;
  --ring-owner: #97701f;
  --ring-manager: #1f8f84;

  --kb-pink-1: #bd3660;
  --kb-pink-2: #6b2a48;
  --kb-violet-1: #4a44a8;
  --kb-violet-2: #2c2764;
  --cn-gold-ink: #7d5a11;

  --orb-refract-1: #ff7ab0;
  --orb-refract-2: #1f9e93;
  --orb-floor: rgba(78, 15, 43, 0.22);
  --lg-hero-1: #ded2f7;
  --lg-hero-2: #fbd0e0;
  --lg-hero-3: #cfe2ff;
  --lg-grid: rgba(189, 54, 96, 0.08);
  --lg-blob-1: rgba(185, 140, 255, 0.5);
  --lg-blob-2: rgba(255, 140, 195, 0.46);
  --lg-blob-3: rgba(120, 200, 255, 0.42);

  --set-disc: #fbe6ee;
  --set-disc-ink: #3a2e33;
  /* на светлом свечение под диском белое: цветное даёт грязь */
  --set-glow: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(255, 200, 220, 0.5) 38%,
    rgba(255, 255, 255, 0) 70%
  );
  --set-refract-1: rgba(255, 130, 175, 0.55);
  --set-refract-2: rgba(95, 224, 192, 0.45);
}

/* ============================================================= «СПОКОЙНАЯ»
   Светлая без зарева, без цветных отражений и с приглушёнными на треть
   градиентами: долгий день в таблицах. Всё меняется в одну сторону — меньше
   цвета, та же геометрия, тот же контраст. */
:root[data-palette="A"][data-theme="neutral"] {
  --ink-900: #f0f1f4;
  --ink-860: #ffffff;
  --ink-820: #f9f9fb;
  --ink-780: #ffffff;
  --ink-740: #f6f7f9;
  --ink-700: #ffffff;

  --milk: #15181d;
  --silver: #3b414c;
  --mute: #5a616d;
  --faint: #626976;

  --accent: #922f50;
  --accent-2: #7c2742;
  --accent-hi: #7c2742;
  --accent-ink: #ffffff;
  --accent-soft: rgba(146, 47, 80, 0.1);
  --accent-soft-2: rgba(146, 47, 80, 0.16);
  --accent-line: rgba(146, 47, 80, 0.3);

  --ok: #17784f;
  --ok-soft: rgba(23, 120, 79, 0.12);
  --ok-line: rgba(23, 120, 79, 0.3);
  --warn: #8c6008;
  --warn-soft: rgba(140, 96, 8, 0.12);
  --warn-line: rgba(140, 96, 8, 0.3);
  --bad: #b53a33;
  --bad-soft: rgba(181, 58, 51, 0.12);
  --bad-line: rgba(181, 58, 51, 0.3);
  --bad-ink: #ffffff;

  --glass: #ffffff;
  --glass-2: #ffffff;
  --glass-3: #ffffff;
  --seg-bg: #eaecf0;
  --surface-flat: #ffffff;
  --paper-bg: #ffffff;
  --paper-line: #e5e7eb;
  --ibox-bg: #ffffff;
  --ibox-line: #e1e4e9;

  --grad-brand: linear-gradient(146deg, #42192a 0%, #6a2d43 46%, #874360 100%);
  --grad-violet: linear-gradient(160deg, #2a2a42 0%, #42425e 52%, #57577a 100%);
  --grad-sky: linear-gradient(158deg, #203748 0%, #305069 55%, #406a89 100%);
  --grad-amber: linear-gradient(158deg, #48331d 0%, #674929 55%, #835f34 100%);
  --grad-teal: linear-gradient(158deg, #1b3937 0%, #2b514d 55%, #3a6963 100%);

  --sh-focus: 0 0 0 3px rgba(146, 47, 80, 0.2);
  --glow-accent: 0 4px 12px -8px rgba(146, 47, 80, 0.4);
  --glow-accent-lg: 0 10px 26px -14px rgba(146, 47, 80, 0.3);
  --accent-glow-hi: rgba(146, 47, 80, 0.36);
  --accent-glow: rgba(146, 47, 80, 0.24);
  --accent-glow-soft: rgba(146, 47, 80, 0.18);
  --accent-wash: rgba(146, 47, 80, 0.12);
  --accent-wash-2: rgba(146, 47, 80, 0.06);

  --ambient-1: transparent;
  --ambient-2: transparent;
  --ambient-3: transparent;
  --bed-1: transparent;
  --bed-2: transparent;
  --bed-3: transparent;
  --wave-dot-core: #2a2a42;
  --vignette: rgba(17, 24, 39, 0.12);
  --scrim: rgba(240, 241, 244, 0.92);

  --link-line: rgba(90, 97, 109, 0.35);
  --dot-ring: rgba(90, 97, 109, 0.14);
  --pill-invert-bg: #23262c;
  --pill-invert-ink: #ffffff;

  --orb-1: #f7e0e8;
  --orb-2: #ab3f63;
  --orb-3: #6b1f39;
  --orb-hi: #fffdf9;
  --orb-shade: rgba(42, 22, 32, 0.5);
  --orb-drop: rgba(79, 44, 66, 0.5);

  --ramp-1: #42192a;
  --ramp-2: #6a2d43;
  --ramp-3: #874360;
  --ramp-4: #b98ea0;
  --ramp-5: #ece1d8;
  --ramp-ink: #2e1a22;

  --av-1: #8f3350;
  --av-2: #2f4bb5;
  --av-3: #1c7350;
  --av-4: #7d4a0d;
  --av-5: #3f3b91;
  --av-6: #145f3f;
  --av-7: #1f5578;
  --av-8: #9a2f27;
  --av-ink: #ffffff;
  --ring-owner: #7d5a11;
  --ring-manager: #1c7350;

  --kb-pink-1: #a03a5c;
  --kb-pink-2: #5e2740;
  --kb-violet-1: #4d4878;
  --kb-violet-2: #2b2748;
  --cn-gold-ink: #7d5a11;

  --orb-refract-1: #c98aa6;
  --orb-refract-2: #5f9c8c;
  --orb-floor: rgba(43, 38, 30, 0.14);
  --lg-hero-1: #e6e0ee;
  --lg-hero-2: #efe0e7;
  --lg-hero-3: #e2e8ef;
  --lg-grid: rgba(43, 38, 30, 0.05);
  /* «Спокойная» не просвечивает: пятен нет вовсе */
  --lg-blob-1: transparent;
  --lg-blob-2: transparent;
  --lg-blob-3: transparent;

  --set-disc: #fffdf9;
  --set-disc-ink: #1b1a16;
  --set-glow: none;
  --set-refract-1: rgba(201, 138, 166, 0.4);
  --set-refract-2: rgba(95, 156, 140, 0.32);
}