@charset "UTF-8";
/* ================================================
   PROMO — оригинальный облик (из design/promo)

   Тёмный драматичный hero (тёмно-синий/фиолетовый) +
   яркий оранжевый акцент + чистые светлые контентные
   секции. Шрифт — Inter (дефолт base.css). Структуру,
   типографику и ритм задаёт base.css; здесь — только
   палитра и декоративные поверхности (skin).

   Перенесено один-в-один из design/promo/style.css :root,
   т.к. base.css структурно идентичен тому прототипу.
   ================================================ */

:root {
  /* --- Базовая палитра --- */
  --accent:        #FF6B2B;
  --accent-dark:   #E55A1C;
  --accent-glow:   rgba(255, 107, 43, 0.25);
  --bg:            #0B0B18;
  --bg-2:          #12121E;
  --bg-3:          #1A1A2E;
  --white:         #FFFFFF;
  --off-white:     #F7F7FC;
  --text:          #1C1C2C;
  --text-muted:    #787890;
  --dark-text:     rgba(255, 255, 255, 0.85);
  --dark-muted:    rgba(255, 255, 255, 0.45);
  --border-dark:   rgba(255, 255, 255, 0.07);
  --border:        #E4E4EE;
  --radius:        12px;
  --radius-lg:     18px;
  --shadow:        0 4px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg:     0 8px 48px rgba(0, 0, 0, 0.18);
  --container:     1200px;

  /* --- Семантические токены --- */
  --heading-fg:    var(--white);
  --logo-fg:       var(--white);
  --logo-accent-fg: var(--accent);
  --step-num-bg:   var(--accent);
  --step-num-fg:   var(--white);

  /* --- RGB-фрагменты --- */
  --accent-rgb:        255, 107, 43;
  --on-dark-rgb:       255, 255, 255;
  --surface-dark-rgb:  11, 11, 24;

  /* --- Декоративные градиенты hero/cta --- */
  --hero-bg:            linear-gradient(135deg, #0B0B18 0%, #150C26 55%, #0B1825 100%);
  --hero-decor-1:       radial-gradient(circle, rgba(255, 107, 43, .18) 0%, transparent 65%);
  --hero-decor-2:       radial-gradient(ellipse, rgba(100, 60, 220, .1) 0%, transparent 65%);
  --hero-image-bg:      linear-gradient(135deg, #1C1C38 0%, #241530 50%, #152430 100%);
  --hero-image-overlay: linear-gradient(45deg, rgba(255, 107, 43, .04) 0%, transparent 60%);
  --cta-form-bg:        linear-gradient(140deg, #0B0B18 0%, #180B2A 60%, #0B1A28 100%);
  --cta-form-decor:     radial-gradient(ellipse, rgba(255, 107, 43, .1) 0%, transparent 65%);

  /* --- Поверхности и оверлеи --- */
  --footer-bg:                 #07070F;
  --header-overlay-bg:         rgba(11, 11, 24, 0.96);
  --mobile-menu-bg:            rgba(11, 11, 24, 0.98);
  --float-card-bg:             rgba(22, 22, 38, .9);
  --modal-overlay-bg:          rgba(0, 0, 0, .7);

  /* --- Видео-плеер на карточке товара --- */
  --video-frame-bg:        #0d0d12;
  --video-placeholder-bg:  radial-gradient(circle at center, #1a1a24 0%, #0a0a0f 80%);

  /* --- Placeholder для пустого фото товара --- */
  --product-img-placeholder-bg:        linear-gradient(135deg, #EEF0FF 0%, #E2E4F8 100%);
  --product-img-placeholder-nophoto-bg: linear-gradient(135deg, #F0F0F0 0%, #E8E8E8 100%);
  --product-img-placeholder-fg:         #B0B0D0;

  /* --- Аватар отзыва (градиент акцента) --- */
  --avatar-accent-grad-end:    #FF9B60;

  /* --- Сиреневый hover у cat-chip --- */
  --cat-chip-hover-bg:         rgba(99, 91, 255, .05);
}