@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Cinzel:wght@400;500;600&family=Raleway:wght@300;400;500;600&display=swap');

:root {
  /* ── Couleurs — palette The Legacy Line ── */
  --color-terra-deep:  #3D1415;
  --color-terra:       #823739;
  --color-terra-mid:   #A84A4C;
  --color-terra-light: #D4898A;
  --color-terra-pale:  #F0DADA;
  --color-gold:        #C9A84C;
  --color-gold-light:  #E8C97A;
  --color-cream:       #F5EDE0;
  --color-ivory:       #FAF7F0;
  --color-ivory-warm:  #F2ECE0;
  --color-white:       #FFFFFF;
  --color-gray:        #8A8A8A;
  --color-border:      #E8E4DC;

  /* ── Typographies ── */
  --font-display: 'Cormorant Garamond', serif;
  --font-title:   'Cinzel', serif;
  --font-body:    'Raleway', sans-serif;

  /* ── Échelle typographique ── */
  --text-xs:   0.6875rem;
  --text-sm:   0.8125rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-2xl:  1.75rem;
  --text-3xl:  2.25rem;
  --text-4xl:  3rem;
  --text-hero: clamp(2.8rem, 5.5vw, 5rem);

  /* ── Espacement ── */
  --s-1:  0.25rem;
  --s-2:  0.5rem;
  --s-3:  0.75rem;
  --s-4:  1rem;
  --s-5:  1.25rem;
  --s-6:  1.5rem;
  --s-8:  2rem;
  --s-10: 2.5rem;
  --s-12: 3rem;
  --s-14: 3.5rem;
  --s-16: 4rem;
  --s-20: 5rem;
  --s-24: 6rem;
  --s-32: 8rem;

  /* ── Layout ── */
  --container: 1200px;

  /* ── Transitions ── */
  --ease:      0.22s ease;
  --ease-slow: 0.4s ease;
}