/* ╔══════════════════════════════════════════════════════════════╗
   ║  ГЛОБАЛЬНЫЕ СТИЛИ — вставить ОДИН РАЗ                      ║
   ║  Тильда → Настройки сайта → Дополнительные параметры → CSS ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* Шрифты Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,300;0,400;1,300;1,400&family=Raleway:wght@200;300;400&display=swap');

/* CSS-переменные палитры */
:root {
  --rose:     #f2c4ce;
  --rose-d:   #e8a0b0;
  --blue:     #b8d8e8;
  --blue-d:   #8dbcd4;
  --lavender: #d4c8e8;
  --peach:    #fde8d8;
  --cream:    #fdf8f4;
  --text:     #4a3550;
  --muted:    #8a7090;
  --light-t:  #c4aac8;
}

/* Плавный скролл */
html { scroll-behavior: smooth; }

/* ── Анимация появления при скролле ──
   Все элементы с классом .zb-reveal будут
   плавно появляться при прокрутке           */
.zb-reveal {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.9s ease, transform 0.9s ease;
}
.zb-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}