:root {
  --ease-main: cubic-bezier(0.22, 1, 0.36, 1);
  --animation-verylong: 1s var(--ease-main);
  --animation-long: 0.6s var(--ease-main);
  --animation-medium: 0.4s var(--ease-main);
  --animation-short: 0.2s var(--ease-main);
}



:root {

  /* =========================
     MOTION — TIMINGS
     ========================= */

  /* Hover, цвет, opacity, мелкие UI-реакции */
  --motion-fast: 0.20s;

  /* Карточки, меню, FAQ, небольшие переходы */
  --motion-base: 0.45s;

  /* Появление секций, текста, крупных элементов */
  --motion-slow: 0.80s;



  /* =========================
     MOTION — EASINGS
     ========================= */

  /* Основной easing для движения:
     быстрый старт + мягкое торможение */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* Более нейтральный easing для UI:
     opacity, color, border, background */
  --ease-ui: cubic-bezier(0.4, 0, 0.2, 1);



  /* =========================
     MOTION — DISTANCES
     ========================= */

  /* Мелкое смещение */
  --motion-distance-sm: 8px;

  /* Стандартное появление */
  --motion-distance-md: 24px;

  /* Крупные элементы */
  --motion-distance-lg: 32px;



  /* =========================
     MOTION — STAGGER
     ========================= */

  /* Заголовок → текст → кнопка */
  --stagger-text: 0.07s;

  /* Карточки / списки */
  --stagger-items: 0.10s;

}






body {
    background-color: #FFF9ED;
  }

::selection {
    color: #FFFFFF;      /* цвет текста */
    background: #7A0E23; /* фон выделения */