/* ════════════════════════════════════════════════════════════════
   🎨 ЦВЕТА ПРИЛОЖЕНИЯ VIBE — ЕДИНСТВЕННЫЙ ФАЙЛ, КОТОРЫЙ НУЖНО ПРАВИТЬ

   Здесь — СВЕТЛАЯ тема. Тёмная строится автоматически (styles.css,
   блок html.dark) от этих же фирменных цветов.
   Поменяйте HEX → закоммитьте в GitHub → через 5 минут обновится у всех.
   ════════════════════════════════════════════════════════════════ */
:root {
  /* ФИРМЕННЫЙ цвет — розовый: кнопки, акценты, лайк, активная вкладка */
  --primary:        #FF2E63;
  --primary-2:      #FF5C8A;   /* второй тон градиента кнопок */
  --primary-soft:   #FFE7EE;   /* светлая подложка чипсов и подсветок */
  --primary-dark:   #E01D52;   /* нажатое состояние */

  /* Дополнительный — премиальный фиолет: ссылки, «Пойду», вторые акценты */
  --accent:         #7C5CFF;
  --accent-soft:    #EFEAFF;

  /* Фоны (светлая тема) */
  --bg:             #FFFFFF;
  --surface:        #F7F7FB;
  --line:           #ECEDF4;

  /* Текст */
  --text:           #12131F;
  --text-soft:      #6C7086;
  --text-faint:     #9CA0B4;

  /* Служебные */
  --success:        #22C55E;
  --star:           #FFB020;   /* суперлайк, премиум */
  --danger:         #F04438;

  /* Свечение (glow) фирменного цвета — «дорогой» эффект кнопок и акцентов */
  --glow:           0 8px 22px rgba(255, 46, 99, .18);

  /* Ауры фона: два мягких размытых пятна */
  --aura1:          #FF2E63;
  --aura2:          #7C5CFF;
  --aura-strength:  0.13;      /* 0 — выключить, 0.3 — ярко */

  /* 👑 Бейдж администрации («Создатель»/«Админ») */
  --role1:          #7C3AED;
  --role2:          #F59E0B;

  /* Форма */
  --radius:         22px;
  --radius-s:       15px;
  --shadow:         0 8px 28px rgba(18, 19, 31, .09);
}