/* CSS-токены из DESIGN.md — единственный источник истины для всех цветов и эффектов */
:root {
  /* Цвета */
  --pink-50: #fff0f7;
  --pink-100: #ffd9ec;
  --pink-200: #ffb3d6;
  --pink-300: #ff8ec0;
  --pink-400: #ff5fa6;
  --pink-500: #e84d96; /* основной акцент */
  --pink-600: #c43c7d;

  /* Текст */
  --text: #7a2b54;
  --text-soft: #a86089;
  --white: #ffffff;

  /* Фон */
  --bg-grad: linear-gradient(135deg, #ffd9ec, #ff9ec9 55%, #ff6fae);

  /* Скругления */
  --radius: 24px;
  --radius-lg: 30px;

  /* Тени */
  --shadow-card: 0 18px 50px rgba(232, 77, 150, 0.35);
  --shadow-btn: 0 8px 20px rgba(232, 77, 150, 0.5);

  /* Анимации */
  --ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-slot: cubic-bezier(0.15, 0.85, 0.2, 1);

  /* Размеры */
  --min-touch: 44px;
}