:root {
  /* Couleurs — extraites du logo wax */
  --color-primary:    #9B2335;
  --color-secondary:  #D4891A;
  --color-bg:         #FAFAF7;
  --color-text:       #2C2C2C;
  --color-dark:       #1A1A1A;
  --color-accent:     #8B2635;

  /* Couleurs utilitaires */
  --color-border:     #E5E2DC;
  --color-bg-alt:     #F0EDE7;
  --color-white:      #FFFFFF;
  --color-success:    #27AE60;
  --color-error:      #E74C3C;

  /* Typographie */
  --font-title: 'Playfair Display', 'Cormorant Garamond', serif;
  --font-body:  'Inter', 'DM Sans', sans-serif;

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.5rem;
  --fs-xl:   2rem;
  --fs-2xl:  2.75rem;
  --fs-3xl:  3.5rem;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  --lh-tight:  1.2;
  --lh-base:   1.6;
  --lh-loose:  1.8;

  /* Espacements */
  --spacing-xs:  0.5rem;
  --spacing-sm:  1rem;
  --spacing-md:  2rem;
  --spacing-lg:  4rem;
  --spacing-xl:  8rem;

  /* Largeurs */
  --container-max:    1280px;
  --container-narrow: 960px;

  /* Rayons */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --radius-full: 50%;

  /* Ombres */
  --shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md:  0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg:  0 8px 30px rgba(0, 0, 0, 0.12);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;
  --transition-slow: 500ms ease;
}