/* Клевер — дизайн-токены.
   Пастель, лён, воздух. Один акцент — клеверный зелёный. */

:root {
  /* Основа */
  --cream:        #FBFAF6;
  --cream-warm:   #F7F4EC;
  --linen:        #F1ECE2;
  --linen-deep:   #E6DED0;
  --white:        #FFFFFF;

  /* Зелёный — характер бренда */
  --sage-mist:    #E4EBE1;
  --sage-soft:    #C7D5C2;
  --sage:         #8FA98A;
  --clover:       #4F6B4A;
  --clover-deep:  #3A5137;

  /* Пастельные спутники */
  --rose:         #E9D5CD;
  --rose-soft:    #F5E9E4;
  --mist:         #D4DEDB;
  --mist-soft:    #EBF1EF;
  --sand:         #E8DCC8;

  /* Текст */
  --ink:          #33352E;
  --ink-soft:     #5B5E54;
  --muted:        #8C8D82;
  --on-dark:      #F7F5EF;

  /* Линии и тени — всё тонкое, почти незаметное */
  --line:         rgba(79, 107, 74, 0.14);
  --line-soft:    rgba(79, 107, 74, 0.08);
  --line-strong:  rgba(79, 107, 74, 0.28);
  --shadow-xs:    0 1px 2px rgba(58, 81, 55, 0.04);
  --shadow-sm:    0 4px 16px rgba(58, 81, 55, 0.06);
  --shadow-md:    0 12px 32px rgba(58, 81, 55, 0.08);
  --shadow-lg:    0 24px 64px rgba(58, 81, 55, 0.10);

  /* Скругления */
  --r-xs: 3px;
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 32px;
  --r-full: 999px;

  /* Ритм */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* Типографика */
  --font-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --fs-eyebrow: 0.72rem;
  --fs-xs:  0.8rem;
  --fs-sm:  0.9rem;
  --fs-md:  1rem;
  --fs-lg:  1.125rem;
  --fs-xl:  1.375rem;
  --fs-h3:  clamp(1.35rem, 1.1rem + 1vw, 1.85rem);
  --fs-h2:  clamp(1.8rem, 1.3rem + 2vw, 2.9rem);
  --fs-h1:  clamp(2.4rem, 1.6rem + 3.6vw, 4.6rem);

  /* Сетка */
  --container: 1240px;
  --container-narrow: 760px;
  --gutter: clamp(20px, 5vw, 56px);

  /* Движение */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 0.45s;
}