:root {
  /* Палитра — из правки.pdf */
  --bg-cream: #F7F1EE;
  --bordeaux-primary: #6B1730;
  --bordeaux-dark: #5D162A;
  --bordeaux-gradient-top: #741B36;
  --bordeaux-accent: #7A2038;
  --bordeaux-hover: #922D49;
  --blush: #F2D5DA;
  --blush-light: #F6E7EA;
  --rose: #ECCED4;
  --card-story-warm: #FBF6F4;
  --tab-hover: #EBCFD6;
  --video-topbar: #E8C7CF;
  --warm-gray: #B8ACA8;
  --result-card-1: #F2D5DA;
  --result-card-2: #F6E7EA;
  --result-card-3: #ECCED4;
  --result-card-4: #F8ECEE;

  --text-dark: #1A1210;
  --text-gray: #6B6260;
  --white: #FFFFFF;

  /* Типографика */
  --font-main: 'Inter', sans-serif;
  --size-display: 84px;
  --size-h2: 40px;
  --size-h3: 22px;
  --size-eyebrow: 14px;
  --size-body-lg: 16px;
  --size-body: 14px;
  --size-caption: 12px;
  --size-button: 13px;

  /* Кнопки/карточки — из правки.pdf */
  --btn-height: 56px;
  --btn-padding-x: 32px;
  --btn-radius: 999px;
  --card-radius: 24px;
  --card-shadow: 0 12px 28px rgba(48, 13, 24, 0.06);
  --card-shadow-strong: 0 14px 36px rgba(60, 18, 33, 0.08);
  --card-border-on-dark: 1px solid rgba(255, 255, 255, 0.20);

  --transition-fast: 0.2s cubic-bezier(0.44, 0, 0.56, 1);
  --transition-hover: 0.25s cubic-bezier(0.44, 0, 0.56, 1);

  /* точные значения из Figma (фрейм «цвет») */
  --header-bg: #F7EFEA;
  --bordeaux-gradient: linear-gradient(130.31deg, #7A2038 32.212%, #5D162A 62.806%);

  /* mesh-gradient шейдер поверх бордовых секций (Видео-карусель, Результат) —
     аппроксимация Figma SHADER-заливки (16 цветных точек, opacity 20%) через radial-gradient */
  --wine-mesh-bg:
    radial-gradient(at 0% 0%, rgba(255,107,107,0.16), transparent 55%),
    radial-gradient(at 67% 0%, rgba(255,209,107,0.14), transparent 55%),
    radial-gradient(at 0% 100%, rgba(5,214,161,0.12), transparent 55%),
    radial-gradient(at 100% 100%, rgba(18,138,178,0.14), transparent 55%),
    radial-gradient(at 100% 0%, rgba(255,209,102,0.12), transparent 50%),
    radial-gradient(at 0% 33%, rgba(178,76,153,0.14), transparent 50%),
    radial-gradient(at 33% 33%, rgba(204,140,128,0.10), transparent 45%),
    #6B1730;
}
