/* ===== AXIOMA ЛК — темы оформления практики =====
 *
 * Тема — награда за уровень. Она меняет акцент всей практики одним набором
 * переменных: главная, плеер, панели и тренажёры берут цвет из одних и тех же
 * токенов, поэтому отдельных правил под каждый экран здесь нет.
 *
 * По умолчанию тема «Axioma»: акцент у каждого раздела свой (см.
 * trainer-skin.css). Любая выбранная тема перекрывает раздел целиком — это
 * осознанно: ребёнок выбрал оформление, а не «оформление там, где мы
 * разрешили».
 */

:root[data-practice-theme='sea'] {
  --pr-green: #2f6fae;
  --pr-green-step: #1d4a76;
  --pr-green-soft: #e7f0f9;
}
:root[data-practice-theme='tangerine'] {
  --pr-green: #c96a0b;
  --pr-green-step: #8c4808;
  --pr-green-soft: #fff1e0;
}
:root[data-practice-theme='lavender'] {
  --pr-green: #6b5bc4;
  --pr-green-step: #453a86;
  --pr-green-soft: #ece9fb;
}
:root[data-practice-theme='petrol'] {
  --pr-green: #2f5d63;
  --pr-green-step: #1d3d42;
  --pr-green-soft: #e4eeef;
}
:root[data-practice-theme='gold'] {
  --pr-green: #b07d10;
  --pr-green-step: #77540a;
  --pr-green-soft: #fdf2d8;
}

/* Выбранная тема перекрывает акцент раздела в тренажёрах. */
:root[data-practice-theme]:not([data-practice-theme='axioma']) .pr-game,
:root[data-practice-theme]:not([data-practice-theme='axioma']) .pr-game[data-section] {
  --section-accent: var(--pr-green);
  --section-step: var(--pr-green-step);
  --section-soft: var(--pr-green-soft);
}

/* --- «Ретро» --------------------------------------------------------------
   Кремовый фон, чёрные контуры, жёсткая тень без размытия и короткие радиусы.
   Шрифт остаётся нашим: пиксельные начертания плохо читаются и почти никогда
   не умеют кириллицу. */
:root[data-practice-theme='retro'] {
  --pr-green: #faa21f;
  --pr-green-step: #141210;
  --pr-green-soft: #ffe9c6;
  --pr-xp: #faa21f;
  --pr-xp-ink: #7a4a00;
  --pr-xp-soft: #ffeccd;
  --pr-fire: #e2622a;
  --pr-fire-step: #141210;
  --pr-fire-soft: #ffe0cf;
  --pr-bg: #f3e5df;
  --pr-card: #fbf2ee;
  --pr-ink: #141210;
  --pr-muted: #6b5c55;
  --pr-line: #141210;
  --pr-track: #e0cec6;
  --pr-off: #ece0da;
  --pr-off-ink: #9b8a82;
  --pr-disabled: #e0d4ce;
  --pr-disabled-ink: #8b7b74;
  --pr-disabled-step: #141210;
  --pr-radius: 8px;
  --pr-radius-lg: 8px;
  --pr-step: 4px;
}
:root[data-practice-theme='retro'][data-theme='dark'] {
  --pr-bg: #23201d;
  --pr-card: #2c2724;
  --pr-ink: #f5ebe4;
  --pr-muted: #b7a79e;
  --pr-line: #f5ebe4;
  --pr-track: #3a332e;
  --pr-off: #332d29;
  --pr-off-ink: #7d6f68;
}
/* Кнопка на жёлтом акценте читается чёрным, а не белым. */
:root[data-practice-theme='retro'] .pr-btn--primary,
:root[data-practice-theme='retro'] .pr-game [class*='-primary'] { color: #141210; }
:root[data-practice-theme='retro'] .pr-btn,
:root[data-practice-theme='retro'] .pr-tile,
:root[data-practice-theme='retro'] .pr-card,
:root[data-practice-theme='retro'] .pr-chip,
:root[data-practice-theme='retro'] .pr-skill,
:root[data-practice-theme='retro'] .pr-panel,
:root[data-practice-theme='retro'] .pr-game button,
:root[data-practice-theme='retro'] .pr-game [class*='-settings'],
:root[data-practice-theme='retro'] .pr-game [class*='-win'] {
  border-radius: 8px;
  border-width: 2px;
  border-style: solid;
  border-color: #141210;
}
:root[data-practice-theme='retro'] .pr-btn--primary { box-shadow: 0 4px 0 #141210; }
:root[data-practice-theme='retro'] .pr-chip { box-shadow: 0 3px 0 #141210; }
:root[data-practice-theme='retro'] .pr-flame__count { box-shadow: 0 4px 0 #141210; border-radius: 8px; }

/* Клетчатая полоска — тонкая, только в шапке и на итоге: узор в фоне всей
   страницы мешал бы читать вопрос. */
:root[data-practice-theme='retro'] .pr-top,
:root[data-practice-theme='retro'] .pr-result::before {
  border-bottom: 3px solid #141210;
  background-image:
    repeating-linear-gradient(90deg, #141210 0 10px, transparent 10px 20px);
  background-size: 20px 6px;
  background-repeat: repeat-x;
  background-position: bottom;
}
:root[data-practice-theme='retro'] .pr-result::before {
  content: '';
  display: block;
  height: 10px;
  width: 100%;
  margin-bottom: 8px;
  border-bottom: 0;
}

/* Экран входа в тренажёр берёт цвет своего раздела — но только пока выбрана
   тема «Axioma»: выбранная тема перекрывает разделы целиком. */
:root[data-practice-theme='axioma'] .pr-enter[data-section='count'] { --pr-green: #227354; --pr-green-step: #154b37; }
:root[data-practice-theme='axioma'] .pr-enter[data-section='english'] { --pr-green: #4f86c0; --pr-green-step: #2f5a86; }
:root[data-practice-theme='axioma'] .pr-enter[data-section='reading'] { --pr-green: #b5650f; --pr-green-step: #7d4409; }
:root[data-practice-theme='axioma'] .pr-enter[data-section='logic'] { --pr-green: #2f5d63; --pr-green-step: #1d3d42; }