/* ════════════════════════════════════════════════════════════════════════
   theme.css — ЕДИНАЯ ТОЧКА ПЕРЕКРАСКИ ШАБЛОНА ПОД НИШУ.
   Подключается ПОСЛЕДНИМ (после app/sections/components/extras) и
   переопределяет фирменную палитру. Меняй ТОЛЬКО значения ниже —
   остальной CSS трогать не нужно. См. ADAPT.md.
   ════════════════════════════════════════════════════════════════════════ */
:root {
  /* Акцент бренда (кнопки, ссылки, лого). Подбери 4 оттенка одного цвета. */
  --accent: #10B981;       /* основной */
  --accent-600: #059669;   /* тёмный (hover) */
  --accent-50: #ecfdf5;    /* очень светлый (фон-подложка) */
  --accent-ink: #062e23;   /* текст на акценте */

  /* Цвета 8 разделов каталога (categories[].color = var(--cat-N)). */
  --cat-1: #FF5C3A;
  --cat-2: #7C5CFF;
  --cat-3: #FFB020;
  --cat-4: #FF8FAB;
  --cat-5: #38BDF8;
  --cat-6: #14B8A6;
  --cat-7: #84CC16;
  --cat-8: #F472B6;
}