/* ============================================
   THEMES — Цветовые темы батареек
   ============================================
   Темизация выполняется через переопределение
   глобальных токенов на body[data-battery="..."].
   JS выставляет data-battery — CSS подхватывает.
   
   Подключается ПОСЛЕ variables.css, ПЕРЕД
   остальными файлами.
   ============================================ */


/* ────────────────────────────────────────────
   b750-lite — зелёная тема (Lite)
   ──────────────────────────────────────────── */
body[data-battery="b750-lite"] {
  --color-primary: #4CAF50;
  --color-primary-hover: #43A047;
  --color-primary-light: rgba(76, 175, 80, 0.08);
  --color-primary-dark: #2E7D32;
  --color-accent: #66BB6A;
  
  /* Переопределение семантических слотов */
  --color-button-bg: var(--color-primary);
  --color-button-hover: var(--color-primary-hover);
  --color-link-hover: var(--color-primary);
  --color-border-accent: var(--color-primary);
  --color-feature-hover: rgba(76, 175, 79, 0.03);
  --color-focus-ring: var(--color-primary-light);
}


/* ────────────────────────────────────────────
   b900-energy — оранжевая тема (Energy)
   ──────────────────────────────────────────── */
body[data-battery="b900-energy"] {
  --color-primary: #ed8b55;
  --color-primary-hover: #e67642;
  --color-primary-light: rgba(237, 139, 85, 0.06);
  --color-primary-dark: #D06B35;
  --color-accent: #F5A676;
  
  /* Переопределение семантических слотов */
  --color-button-bg: var(--color-primary);
  --color-button-hover: var(--color-primary-hover);
  --color-link-hover: var(--color-primary);
  --color-border-accent: var(--color-primary);
  --color-feature-hover: rgba(237, 138, 85, 0.02);
  --color-focus-ring: var(--color-primary-light);
}


/* ────────────────────────────────────────────
   b1150-ultimate — синяя тема (Ultimate)
   ──────────────────────────────────────────── */
body[data-battery="b1150-ultimate"] {
  --color-primary: #48ADEB;
  --color-primary-hover: #2E9FE0;
  --color-primary-light: rgba(72, 173, 235, 0.04);
  --color-primary-dark: #2080C0;
  --color-accent: #7CC8F5;
  
  /* Переопределение семантических слотов */
  --color-button-bg: var(--color-primary);
  --color-button-hover: var(--color-primary-hover);
  --color-link-hover: var(--color-primary);
  --color-border-accent: var(--color-primary);
  --color-feature-hover: var(--color-primary-light);
  --color-focus-ring: var(--color-primary-light);
}