/* ═══════════════════════════════════════════════════════════════════════════
   THEME — палитра приложения.
   Чтобы изменить цвета в форке: правьте только этот файл.
   Подключается в index.html и admin.html через <link rel="stylesheet" href="/theme.css">.
   Локальные нецветовые переменные (--r, --sw) остаются в самих HTML-файлах.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Поверхности (фон страницы и карточек) */
  --bg:  #0f0f0f;
  --sf:  #161616;
  --sf2: #1c1c1c;
  --sf3: #232323;

  /* Границы */
  --br:  rgba(255,255,255,0.06);
  --br2: rgba(255,255,255,0.11);

  /* Текст */
  --tx:  #f0ede8;
  --tx2: rgba(240,237,232,0.5);
  --tx3: rgba(240,237,232,0.2);

  /* Акцентный (основной бренд-цвет: подсветка кнопок, активных пунктов меню) */
  --ac:   #e8c84a;
  --adim: rgba(232,200,74,0.1);
  --abr:  rgba(232,200,74,0.28);

  /* Зелёный (успех / "моё") */
  --gn:   #4ade80;
  --gdim: rgba(74,222,128,0.08);
  --gbr:  rgba(74,222,128,0.22);

  /* Синий (информационные элементы / Steam) */
  --bl:   #63b3ed;
  --bdim: rgba(99,179,237,0.08);
  --bbr:  rgba(99,179,237,0.2);

  /* Красный (ошибки / удаление) */
  --red:  #f87171;
  --rdim: rgba(248,113,113,0.08);
  --rbr:  rgba(248,113,113,0.22);
}