/* ============================================================
   BoostFlow — дизайн-токены
   Извлечены из макета «Открытие главной страницы».
   Все переменные с префиксом --bf- чтобы не конфликтовать со старой темой.
   ============================================================ */
:root {
  /* --- Поверхности / фон --- */
  --bf-bg:          #08060f;              /* фон страницы */
  --bf-surface:     #141220;              /* карточки */
  --bf-surface-2:   #1a1628;              /* дропдауны, модалки, панели */
  --bf-surface-3:   #0e0e16;              /* тёмные чипсы/иконки */
  --bf-header-bg:   rgba(10,8,20,0.72);   /* стеклянная шапка */

  /* --- Текст --- */
  --bf-text:        #ffffff;
  --bf-text-2:      #d8d4e6;
  --bf-text-3:      #c2bed4;
  --bf-text-muted:  #8b87a0;
  --bf-text-muted-2:#6f6b80;

  /* --- Акцент (фиолетовый) --- */
  --bf-primary:     #8b7bf7;              /* ссылки/акценты */
  --bf-primary-2:   #8b5cf6;
  --bf-indigo:      #6366f1;
  --bf-violet:      #7c3aed;
  --bf-violet-soft: #a78bfa;

  /* --- Статусные / вторичные --- */
  --bf-success:     #34d399;
  --bf-success-2:   #10b981;
  --bf-pink:        #ec4899;
  --bf-pink-soft:   #f472b6;
  --bf-danger:      #f87171;
  --bf-danger-2:    #f43f5e;
  --bf-star:        #facc15;
  --bf-blue:        #60a5fa;
  --bf-cyan:        #37bbfe;

  /* --- Границы --- */
  --bf-border:      rgba(255,255,255,0.07);
  --bf-border-2:    rgba(255,255,255,0.10);
  --bf-border-3:    rgba(255,255,255,0.12);

  /* --- Ховер-подложки (стекло) --- */
  --bf-hover-1:     rgba(255,255,255,0.04);
  --bf-hover-2:     rgba(255,255,255,0.06);
  --bf-hover-3:     rgba(255,255,255,0.12);

  /* --- Радиусы --- */
  --bf-r-sm:  9px;
  --bf-r-md:  11px;
  --bf-r-lg:  13px;
  --bf-r-xl:  16px;
  --bf-r-2xl: 20px;
  --bf-r-pill: 999px;

  /* --- Тени --- */
  --bf-glow:        0 8px 20px rgba(108,92,231,0.30);
  --bf-glow-strong: 0 12px 28px rgba(108,92,231,0.50);
  --bf-shadow-pop:  0 18px 44px rgba(0,0,0,0.50);

  /* --- Градиенты --- */
  --bf-grad-cta:    linear-gradient(135deg, #6366f1, #8b5cf6);
  --bf-grad-brand:  linear-gradient(90deg, #4f6ef7, #8b5cf6, #ec4899);

  /* --- Слои (z-index) --- */
  --bf-z-header:  30;
  --bf-z-dropdown:40;
  --bf-z-drawer:  60;
  --bf-z-modal:   80;

  /* --- Раскладка --- */
  --bf-container: 1200px;
  --bf-gutter:    28px;

  /* --- Типографика --- */
  --bf-font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* --- Брендовые цвета платформ (для чипсов/иконок) --- */
  --bf-pl-instagram: linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);
  --bf-pl-tiktok:    #0e0e16;
  --bf-pl-youtube:   #ff0000;
  --bf-pl-telegram:  linear-gradient(135deg,#37bbfe,#007dbb);
  --bf-pl-twitch:    #9146ff;
  --bf-pl-facebook:  #1877f2;
  --bf-pl-threads:   #0e0e16;
  --bf-pl-x:         #0e0e16;
}