/* === Темы оформления === */

:root, .theme-purple {
  --accent1: #667eea;
  --accent2: #764ba2;
  --bg-start: #667eea;
  --bg-end: #764ba2;
  --theme-color: #9988cc;

  --help-bg: #f8f8ff;
  --help-border: #e8e0ff;
  --help-color: #666;
  --help-btn-shadow: 102,126,234;

  --glass-bg: #f5f0ff;
  --glass-border: #9988cc;
  --glass-border-top: #d0d0d0;
  --glass-placeholder: #ccc;

  --level-btn-padding: 8px 20px;
  --level-btn-font-size: .9rem;
  --level-btn-hover-bg: #f0f2ff;

  --stats-title-color: #9988cc;
  --stats-bg1: #f8f8ff;
  --stats-bg2: #fff0f8;
  --stats-border: #e8e0ff;
  --stats-hover-border: #667eea;
  --stats-bump-color: #667eea;
  --stats-pulse-color: 102,126,234;

  /* Сто́пы градиента карточек категорий — words.html, numbers.html */
  --card-start: #667eea;
  --card-mid: #9b59b6;
  --card-end: #fd79a8;

  /* Универсальные цвета — одинаковы для всех тем */
  --gold-start: #f1c40f;
  --gold-end: #e67e22;
  --gold-shadow: 241,196,15;
  --warn-start: #f39c12;
  --warn-end: #e74c3c;
  --error: #ff4444;
  --error-shadow: 255,68,68;
  --success-start: #2ecc71;
  --success-end: #27ae60;
  --success-shadow: 46,204,113;
  --placeholder-start: #c8d6e5;
  --placeholder-end: #8395a7;
  --white: #fff;
  --white-shadow: 255,255,255;
}

.theme-blue {
  --accent1: #74b9ff;
  --accent2: #3498db;
  --bg-start: #74b9ff;
  --bg-end: #2980b9;
  --theme-color: #74b9ff;

  --help-bg: #f0f8ff;
  --help-border: #b0d4f1;
  --help-btn-shadow: 116,185,255;

  --glass-bg: #f0f8ff;
  --glass-border: #5ab0e0;
  --glass-border-top: #b0d8e8;
  --glass-placeholder: #b0d0d8;

  --level-btn-padding: 8px 16px;
  --level-btn-font-size: .85rem;
  --level-btn-hover-bg: #f0f8ff;

  --stats-title-color: #74b9ff;
  --stats-bg1: #f0f8ff;
  --stats-bg2: #e6f2ff;
  --stats-border: #b0d4f1;
  --stats-hover-border: #74b9ff;
  --stats-bump-color: #74b9ff;
  --stats-pulse-color: 116,185,255;

  /* Сто́пы градиента карточек категорий — words.html, numbers.html */
  --card-start: var(--bg-end);
  --card-mid: #3498db;
  --card-end: var(--bg-start);
  /* Категория: Числа */
}

.theme-violet {
  --bg-start: #a29bfe;
  --bg-end: #6c5ce7;
  /* Категория: Время 🔒 */
}

.theme-pink {
  --bg-start: #c39bd3;
  --bg-end: #8e44ad;
  /* Категория: Логика 🔒 */
}

.theme-turquoise {
  --bg-start: #48dbfb;
  --bg-end: #0abde3;
  /* Категория: Мир 🔒 */
}