/* Дизайн-токены сайта (docs/SPEC.md, раздел 3, первый экран версии 3).
   Цвета только отсюда. Палитра: сливовый фон, лиловый — главный акцент,
   персиковый — второй акцент. Зелёный и авокадо не используются. */

:root {
  /* --- цвета: светлые блоки и внутренние страницы --- */
  --bg:        #FCF7F8; /* молочно-розовый фон */
  --surface:   #FFFFFF; /* карточки */
  --text:      #2F2528; /* основной текст */
  --brand:     #4A3034; /* шоколад: заголовки на светлом, контурные кнопки */
  --accent:    #6B3FA0; /* глубокий лиловый: акцент и обводка фокуса на светлом */
  --muted:     #6B5A5E; /* вторичный текст */
  --line:      rgba(74, 48, 52, 0.10); /* тонкие линии на светлом */
  --chip-bg:   #F4EEF0; /* мягкая кнопка на белой карточке */
  --chip-bg-hover: #EADFE3;
  --on-dark:   #FCF7F8; /* текст на шоколадном фоне */

  /* --- цвета: тёмные блоки (первый экран, подвал) --- */
  --hero-bg:   #16111E; /* сливовый фон */
  --hero-bg-2: #1C1626; /* сливовый чуть светлее: карточки, вторые секции */
  --lilac:     #C9B8FF; /* главный акцент: основная кнопка, цены, акцентная фраза, галочки */
  --lilac-hover: #D8CBFF;
  --lilac-ink: #6B3FA0; /* лиловый на светлом фоне: акцентная фраза, hover ссылок */
  --peach:     #F2C6A8; /* второй акцент: сердечко логотипа, облачко отзыва, огонёк нити */
  --on-accent: #2F2528; /* текст на лиловом и персиковом */
  --on-dark-soft: #EADCE0; /* подзаголовок на тёмном */
  --on-dark-nav: rgba(255, 255, 255, 0.78); /* пункты меню на тёмном */
  --on-dark-muted: rgba(255, 255, 255, 0.72); /* подписи на тёмном */
  --on-dark-line: rgba(255, 255, 255, 0.14);
  --glass:     rgba(255, 255, 255, 0.06);
  --glass-line: rgba(255, 255, 255, 0.12);
  --card-dark: rgba(30, 23, 42, 0.88); /* стеклянная карточка на тёмном (мини-калькулятор) */
  --sheet-bg:  rgba(28, 22, 38, 0.96); /* выпадающее меню */
  --quote-ink: #8E3558; /* облачко котика «Поговорим?» */

  /* --- шрифты --- */
  --font-head:   "Unbounded", "Segoe UI", system-ui, sans-serif;
  --font-accent: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body:   "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* --- шкала размеров (375 → 1440) --- */
  --fs-h1:   clamp(1.5625rem, 0.97rem + 2.5vw, 3.25rem);    /* 25 → 52 */
  --fs-h2:   clamp(1.375rem, 1.06rem + 1.35vw, 2.25rem);     /* 22 → 36 */
  --fs-h3:   clamp(1.0625rem, 0.996rem + 0.28vw, 1.25rem);    /* 17 → 20 */
  --fs-lead: clamp(0.9375rem, 0.85rem + 0.38vw, 1.125rem);   /* 15 → 18 */
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-price: clamp(1.75rem, 1.5rem + 0.6vw, 2.125rem);      /* 28 → 34 */

  /* --- форма и ритм --- */
  --radius-card: 20px;
  --radius-dark: 40px; /* нижние углы тёмных блоков */
  --radius-pill: 800px;
  --gutter: clamp(16px, 4vw, 80px);
  --container: 1280px;
  --shadow-card: 0 30px 60px -30px rgba(0, 0, 0, 0.7);
  --shadow-soft: 0 16px 36px -18px rgba(74, 48, 52, 0.35);

  /* --- движение --- */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-rise: 0.9s;
}