:root {
  /* ========== 🎨 ЦВЕТА ========== */
  --color-primary: #1A1124;          /* Глубокий сливово-чёрный */
  --color-accent: #E81E73;           /* Розовый (фуксия) — основа */
  --color-accent-light: #F06292;     /* Светлый розовый (ховеры/подсветки) */
  --color-accent-dark: #B91D5A;      /* Тёмный розовый (нажатия/градиенты) */
  --color-secondary: #4A3142;        /* Серо-сливовый (подзаголовки) */
  --color-gold: #D4A574;             /* Золото (только микро-акценты) */

  --color-bg-light: #FFFFFF;         /* Белый фон */
  --color-bg-dark: #1A1124;          /* Тёмный фон = primary */
  --color-neutral: #FDF5F7;          /* Розово-белая подложка */

  --color-success: #2ECC71;
  --color-error: #E74C3C;

  /* Контекстные зоны */
  --color-warm: #F5F0EB;             /* Кремовый (кафе) */
  --color-cool: #FCE4EC;             /* Холодный розовый подтон (студия) */

  /* Фильтры hero-видео */
  --filter-warm: rgba(245, 240, 235, 0.38);
  --filter-warm-tint: rgba(107, 76, 53, 0.14);
  --filter-cool: rgba(252, 228, 236, 0.35);
  --filter-cool-dark: rgba(26, 17, 36, 0.28);
  --filter-warm-hover: rgba(245, 240, 235, 0.12);
  --filter-cool-hover: rgba(252, 228, 236, 0.1);
  --filter-warm-tint-active: rgba(107, 76, 53, 0.22);
  --filter-warm-active: rgba(245, 240, 235, 0.62);
  --filter-cool-dark-active: rgba(26, 17, 36, 0.38);
  --filter-cool-active: rgba(252, 228, 236, 0.58);

  /* Общий фильтр hero — выравнивает обе половины */
  --filter-unify-base: rgba(74, 49, 66, 0.24);
  --filter-unify-rose: rgba(232, 30, 115, 0.06);
  --filter-unify-plum: rgba(26, 17, 36, 0.14);

  /* Градиенты */
  --gradient-cta: linear-gradient(135deg, #E81E73 0%, #B91D5A 100%);
  --gradient-card: linear-gradient(180deg, #FFFFFF 0%, #FDF5F7 100%);

  /* ========== ✍️ ТИПОГРАФИКА ========== */
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-accent: 'Playfair Display', serif;

  --font-h1: 900 52px/1.1 var(--font-heading);
  --font-h2: 700 36px/1.2 var(--font-heading);
  --font-h3: 600 22px/1.3 var(--font-heading);
  --font-body-text: 400 16px/1.5 var(--font-body);
  --font-caption: 300 13px/1.4 var(--font-body);
  --font-accent-num: 700 48px/1.0 var(--font-accent);

  /* ========== 🔘 UI-ЭЛЕМЕНТЫ ========== */
  --radius-button: 8px;
  --radius-card: 12px;
  --radius-modal: 16px;
  --radius-badge: 20px;

  /* ========== 🕶️ ТЕНИ ========== */
  --shadow-button: 0 4px 6px rgba(232, 30, 115, 0.25);
  --shadow-card: 0 8px 24px rgba(26, 17, 36, 0.06);
  --shadow-modal: 0 20px 40px rgba(26, 17, 36, 0.15);

  /* ========== 📐 ОТСТУПЫ ========== */
  --spacing-base: 4px;
  --spacing-lg: 60px;
  --section-gap: 80px;
}