/* ===================================
   DESIGN TOKENS — все цвета, шрифты, тени
   Меняешь здесь — меняется по всему сайту
   =================================== */
:root {
  /* Розовая палитра */
  --pink-50:  #fff5fa;
  --pink-100: #ffe4f1;
  --pink-200: #ffc8e0;
  --pink-300: #ff9ec9;
  --pink-400: #ff6fb0;
  --pink-500: #ff3d8f;
  --pink-600: #e91e7a;
  --pink-700: #b8155e;

  /* Акцентные цвета */
  --peach-300: #ffb39e;
  --coral-400: #ff7e6b;
  --violet-400: #c084fc;
  --violet-500: #a855f7;
  --lavender-300: #e0c3fc;
  --gold:    #f7c873;

  /* Текст */
  --ink-900: #1a0b14;
  --ink-700: #3d1f30;
  --ink-500: #6b3f56;
  --ink-300: #a17b8e;

  /* Фон */
  --cream: #fff9f3;
  --white: #ffffff;

  /* Повторяющийся бордер «стеклянных» карточек (benefit, stat-card, faq-item, calc-main…) */
  --border-glass: rgba(255, 158, 201, 0.3);

  /* Тени */
  --shadow-soft:   0 20px 60px -20px rgba(233, 30, 122, 0.25);
  --shadow-strong: 0 30px 80px -20px rgba(233, 30, 122, 0.4);
  --shadow-glow:   0 0 60px rgba(255, 61, 143, 0.35);

  /* Градиенты — переиспользуемые */
  --gradient-primary: linear-gradient(135deg, var(--pink-500), var(--violet-500));
  --gradient-vibrant: linear-gradient(135deg, var(--pink-500) 0%, var(--violet-500) 50%, var(--coral-400) 100%);

  /* Шрифты */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Manrope', system-ui, sans-serif;
  --font-script:  'Caveat', cursive;

  /* Радиусы */
  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 30px;
  --radius-pill: 100px;

  /* Анимации */
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}