/* ==========================================================================
   Палитры-кандидаты поверх «Frost v2». Подключается ТОЛЬКО при ?ui=v2&palette=…
   Боевой вид и базовый v2 не затрагиваются.

   Все значения проверены формулой WCAG (порог AA 4.5:1 для текста, 3:1 для
   графики) и на различимость с семантикой тренажёра «верно» / «неверно»,
   в том числе при протанопии и дейтеранопии.

   ВАЖНО про --accent-graphic. Акцент как ЗАЛИВКА и акцент как ЛИНИЯ — разные
   задачи: у линии/иконки порог контраста 3:1 на фоне. Янтарь на кремовом даёт
   1.7:1 — как заливка с тёмным текстом он отличный, а как тонкая линия
   невидим. Поэтому графика берёт --accent-graphic, а не --accent.

   Источники вдохновения (не копии): African Language House — K&Z Design
   (Nick Zhurenko, Maksim Bliznyuk); Study Pilot — Digitbloom (Anna Deineka,
   Valeriia Isaienko); Mentoria — Alisa Ibragimova (UPROCK School).
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. ЯНТАРЬ И ЧЕРНИЛА — тёплое, бодрое, максимально далёкое от «ИИ-шаблона».
   Кнопка здесь ЖЁЛТАЯ С ТЁМНЫМ ТЕКСТОМ (9.23:1): белый на янтаре невозможен
   физически (1.85:1), и именно это ломает узнаваемый синий-с-белым шаблон.
   -------------------------------------------------------------------------- */
:root[data-palette="amber"]{
  --bg:#f7f5ef;
  --surface-2:#efe9dc;          /* вторичная плашка: холодная из базового v2 на тёплом фоне чужая */
  --ink:#241a12;                /* 15.64:1 на фоне, 17.05:1 на карточке */
  --muted:#6b5b4e;              /* 5.96:1 на фоне, 6.50:1 на карточке */
  --card:rgba(255,255,255,.78);
  --card-solid:#ffffff;
  --bd:rgba(36,26,18,.12);
  --bd-strong:#8a7a6c;

  --accent:#f5b32a;             /* ЗАЛИВКА кнопки */
  --accent-ink:#241a12;         /* тёмный текст на янтаре = 9.23:1 */
  --accent-hover:#e0a21b;       /* тёмный текст сверху = 7.60:1 */
  --accent-active:#c98f12;
  --accent-text:#8a4a08;        /* акцентный ТЕКСТ: 6.85:1 на карточке */
  --logo-from:#c98f12;          /* тёмный конец градиента логотипа: с --accent-ink 6.24:1
                                   (--accent-text здесь дал бы 2.47:1 — буква «i» пропадает) */
  --accent-graphic:#8a4a08;     /* линии/иконки: янтарь как графика = 1.7:1, нельзя */
  --accent-soft:color-mix(in srgb, var(--accent) 22%, var(--card-solid));
  --accent-line:color-mix(in srgb, var(--accent-graphic) 30%, transparent);

  --hero-bg:radial-gradient(120% 120% at 12% 0%,#fdf1d5 0%,#f7f5ef 52%,#f5efe2 100%);
  --topbar:rgba(247,245,239,.82);
  --focus:#8a4a08;
}

/* --------------------------------------------------------------------------
   2. ЦИАН И ГРАФИТ — собранный «пульт подготовки», спокойная энергия.
   Тил кейса #018F8C сдвинут в циан: с «верно» он различался слабовато
   (ΔE 19.1), после сдвига — 26.0, при дальтонизме до 33.4.
   -------------------------------------------------------------------------- */
:root[data-palette="cyan"]{
  --bg:#f1f5f6;
  --surface-2:#e5edef;
  --ink:#17272b;                /* 14.05:1 на фоне */
  --muted:#54666c;              /* 5.48:1 на фоне, 6.01:1 на карточке */
  --card:rgba(255,255,255,.76);
  --card-solid:#ffffff;
  --bd:rgba(23,39,43,.11);
  --bd-strong:#7b8c92;

  --accent:#00808f;             /* белый текст сверху = 4.68:1 */
  --accent-ink:#ffffff;
  --accent-hover:#006975;       /* белый сверху = 6.41:1 */
  --accent-active:#005660;
  --accent-text:#006975;        /* 6.41:1 на карточке */
  --accent-graphic:#00808f;     /* 4.27:1 на фоне — как линия проходит */
  --accent-soft:color-mix(in srgb, var(--accent) 12%, var(--card-solid));
  --accent-line:color-mix(in srgb, var(--accent) 30%, transparent);

  /* Второй акцент кейса (#E3400D) выброшен: при дейтеранопии он сливается
     с «неверно» (ΔE 9.9). Тёплый тон оставлен только для КРУПНЫХ цифр. */
  --figure:#b8860b;

  --hero-bg:radial-gradient(120% 120% at 12% 0%,#dcecee 0%,#f1f5f6 52%,#eaf1f0 100%);
  --topbar:rgba(241,245,246,.82);
  --focus:#006975;
}

/* --------------------------------------------------------------------------
   3. МАДЖЕНТА И УГОЛЬ — плакатная подача, самая «молодёжная».
   Розовый исходника #E90950 брать нельзя: с «неверно» ΔE 10.7, при
   дейтеранопии 7.9 — в тренажёре сливался бы с ошибкой. Сдвинут в пурпур.
   -------------------------------------------------------------------------- */
:root[data-palette="magenta"]{
  --bg:#f6f2f5;
  --surface-2:#ece5eb;
  --ink:#17121a;                /* 16.64:1 на фоне */
  --muted:#635a69;              /* 5.92:1 на фоне, 6.57:1 на карточке */
  --card:rgba(255,255,255,.78);
  --card-solid:#ffffff;
  --bd:rgba(23,18,26,.11);
  --bd-strong:#877e8d;

  --accent:#d6009b;             /* белый текст сверху = 4.85:1 */
  --accent-ink:#ffffff;
  --accent-hover:#b40082;       /* белый сверху = 6.44:1 */
  --accent-active:#96006c;
  --accent-text:#b40082;        /* 6.44:1 на карточке */
  --accent-graphic:#d6009b;     /* 4.37:1 на фоне */
  --accent-soft:color-mix(in srgb, var(--accent) 10%, var(--card-solid));
  --accent-line:color-mix(in srgb, var(--accent) 28%, transparent);

  --hero-bg:radial-gradient(120% 120% at 12% 0%,#fbe4f4 0%,#f6f2f5 52%,#f3eef6 100%);
  --topbar:rgba(246,242,245,.82);
  --focus:#b40082;
}

/* ==========================================================================
   ТЁМНАЯ ТЕМА ПАЛИТР
   Акцент на тёмном фоне «выгорает» — нужны осветлённые варианты, а у ярких
   заливок текст становится ТЁМНЫМ, иначе кнопка слепит.
   ========================================================================== */
:root[data-palette="amber"][data-theme="dark"] {
  --bg:#17120c;
  --surface-2:#2c2419;
  --ink:#f2ece2;                /* 15.84:1 */
  --muted:#b6a796;              /* 7.94:1 */
  --card:rgba(33,26,18,.7);
  --card-solid:#211a12;
  --bd:rgba(242,236,226,.12);
  --bd-strong:#7d6f5f;
  --accent:#ffc24d;
  --accent-ink:#17120c;         /* 11.59:1 */
  --accent-hover:#ffd070;
  --accent-active:#e8ad3a;
  --accent-text:#ffc24d;        /* 10.71:1 на карточке */
  --accent-graphic:#ffc24d;
  --accent-soft:color-mix(in srgb, var(--accent) 18%, var(--card-solid));
  --hero-bg:radial-gradient(120% 120% at 12% 0%,#2a1f10 0%,#17120c 52%,#1f1810 100%);
  --topbar:rgba(23,18,12,.8);
  --focus:#ffc24d;
}

:root[data-palette="cyan"][data-theme="dark"] {
  --bg:#0d1618;
  --surface-2:#1d2c30;
  --ink:#e6eff1;                /* 15.70:1 */
  --muted:#9bb0b5;              /* 8.10:1 */
  --card:rgba(21,33,37,.7);
  --card-solid:#152125;
  --bd:rgba(230,239,241,.12);
  --bd-strong:#63797f;
  --accent:#22b8c9;
  --accent-ink:#04191c;         /* 7.55:1 */
  --accent-hover:#3fc9d8;
  --accent-active:#1aa3b3;
  --accent-text:#5fd3e0;        /* 9.31:1 на карточке */
  --accent-graphic:#22b8c9;
  --accent-soft:color-mix(in srgb, var(--accent) 16%, var(--card-solid));
  --figure:#e0b458;
  --hero-bg:radial-gradient(120% 120% at 12% 0%,#0e2a2e 0%,#0d1618 52%,#0f2124 100%);
  --topbar:rgba(13,22,24,.8);
  --focus:#5fd3e0;
}

:root[data-palette="magenta"][data-theme="dark"] {
  --bg:#130f16;
  --surface-2:#271f2d;
  --ink:#f0eaf3;                /* 16.04:1 */
  --muted:#aba0b4;              /* 7.60:1 */
  --card:rgba(29,23,34,.7);
  --card-solid:#1d1722;
  --bd:rgba(240,234,243,.12);
  --bd-strong:#7d7286;
  --accent:#ff4fc0;
  --accent-ink:#1a0413;         /* 6.66:1 */
  --accent-hover:#ff6bca;
  --accent-active:#e83ba8;
  --accent-text:#ff7acf;        /* 7.46:1 на карточке */
  --accent-graphic:#ff4fc0;
  --accent-soft:color-mix(in srgb, var(--accent) 16%, var(--card-solid));
  --hero-bg:radial-gradient(120% 120% at 12% 0%,#2b0f26 0%,#130f16 52%,#1e1023 100%);
  --topbar:rgba(19,15,22,.8);
  --focus:#ff7acf;
}

/* Графика (линии, иконки, полосы) — через --accent-graphic там, где базовый
   v2 использовал --accent напрямую. Без этого янтарная линия невидима. */
:root[data-palette] .tag::before,
:root[data-palette] .bar-fill,
:root[data-palette] .tl-bar{
  background:var(--accent-graphic);
}
:root[data-palette="amber"] .tl-bar{
  background:linear-gradient(180deg,var(--accent),#d99a12);
}


/* Системная тёмная тема: те же значения, но только когда пользователь
   НЕ выбрал светлую вручную. Без обёртки в @media эти блоки красили
   палитру тёмной даже днём — поймано скриншотом. */
@media (prefers-color-scheme: dark){
  :root[data-palette="amber"]:not([data-theme="light"]) {
  --bg:#17120c;
  --surface-2:#2c2419;
  --ink:#f2ece2;                /* 15.84:1 */
  --muted:#b6a796;              /* 7.94:1 */
  --card:rgba(33,26,18,.7);
  --card-solid:#211a12;
  --bd:rgba(242,236,226,.12);
  --bd-strong:#7d6f5f;
  --accent:#ffc24d;
  --accent-ink:#17120c;         /* 11.59:1 */
  --accent-hover:#ffd070;
  --accent-active:#e8ad3a;
  --accent-text:#ffc24d;        /* 10.71:1 на карточке */
  --accent-graphic:#ffc24d;
  --accent-soft:color-mix(in srgb, var(--accent) 18%, var(--card-solid));
  --hero-bg:radial-gradient(120% 120% at 12% 0%,#2a1f10 0%,#17120c 52%,#1f1810 100%);
  --topbar:rgba(23,18,12,.8);
  --focus:#ffc24d;
  }
  :root[data-palette="cyan"]:not([data-theme="light"]) {
  --bg:#0d1618;
  --surface-2:#1d2c30;
  --ink:#e6eff1;                /* 15.70:1 */
  --muted:#9bb0b5;              /* 8.10:1 */
  --card:rgba(21,33,37,.7);
  --card-solid:#152125;
  --bd:rgba(230,239,241,.12);
  --bd-strong:#63797f;
  --accent:#22b8c9;
  --accent-ink:#04191c;         /* 7.55:1 */
  --accent-hover:#3fc9d8;
  --accent-active:#1aa3b3;
  --accent-text:#5fd3e0;        /* 9.31:1 на карточке */
  --accent-graphic:#22b8c9;
  --accent-soft:color-mix(in srgb, var(--accent) 16%, var(--card-solid));
  --figure:#e0b458;
  --hero-bg:radial-gradient(120% 120% at 12% 0%,#0e2a2e 0%,#0d1618 52%,#0f2124 100%);
  --topbar:rgba(13,22,24,.8);
  --focus:#5fd3e0;
  }
  :root[data-palette="magenta"]:not([data-theme="light"]) {
  --bg:#130f16;
  --surface-2:#271f2d;
  --ink:#f0eaf3;                /* 16.04:1 */
  --muted:#aba0b4;              /* 7.60:1 */
  --card:rgba(29,23,34,.7);
  --card-solid:#1d1722;
  --bd:rgba(240,234,243,.12);
  --bd-strong:#7d7286;
  --accent:#ff4fc0;
  --accent-ink:#1a0413;         /* 6.66:1 */
  --accent-hover:#ff6bca;
  --accent-active:#e83ba8;
  --accent-text:#ff7acf;        /* 7.46:1 на карточке */
  --accent-graphic:#ff4fc0;
  --accent-soft:color-mix(in srgb, var(--accent) 16%, var(--card-solid));
  --hero-bg:radial-gradient(120% 120% at 12% 0%,#2b0f26 0%,#130f16 52%,#1e1023 100%);
  --topbar:rgba(19,15,22,.8);
  --focus:#ff7acf;
  }
}