/* Дизайн-токены «Цветы Юрия Винокура» — описание в docs/design-system.md */

:root {
  /* Цвета */
  --c-chocolate: #211713;
  --c-chocolate-2: #2a1e19;
  --c-cocoa: #3a2b25;
  --c-milk: #f3eee5;
  --c-milk-72: rgba(243, 238, 229, 0.72);
  --c-milk-48: rgba(243, 238, 229, 0.48);
  --c-milk-16: rgba(243, 238, 229, 0.16);
  --c-rose: #e6a6b0;
  --c-rose-deep: #c9838f;
  --c-moss: #33382b;
  --c-taupe: #8e7a72;

  /* Шрифты */
  --ff-display: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --ff-text: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  /* Типографическая шкала */
  --fs-display: clamp(56px, 7.6vw, 120px);
  --fs-h2: clamp(40px, 5vw, 80px);
  --fs-h3: clamp(26px, 2.4vw, 36px);
  --fs-lead: clamp(20px, 1.8vw, 26px);
  --fs-body: 16px;
  --fs-ui: 15px;
  --fs-eyebrow: clamp(13px, 1vw, 14px);
  --fs-brand: 13px;

  /* Отступы (шаг 8px) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;
  --s-11: 160px;

  /* Сетка */
  --gutter: clamp(20px, 4.2vw, 64px);
  --col-gap: clamp(16px, 2vw, 32px);
  --max-w: 1600px;
  --section-y: clamp(80px, 11vw, 160px);

  /* Формы */
  --radius-s: 2px;
  --hairline: 1px solid var(--c-milk-16);

  /* Движение */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --t-hover: 400ms;
  --t-reveal: 1300ms;
}