:root {
  /* Couleurs principales */
  --white: #FFFFFF;
  --cream: #FAF8F5;      /* Blanc cassé */
  --beige-light: #EAE5DC; /* Beige clair */
  --beige-dark: #5E5643;  /* Beige foncé */
  
  /* Couleurs secondaires */
  --text-dark: #2C2C2C;
  --text-light: #666666;
  --overlay: rgba(94, 86, 67, 0.6); /* Overlay sombre pour textes sur images */
  
  /* Typographies */
  --font-title: 'Playfair Display', serif;
  --font-body: 'Lato', sans-serif;
  
  /* Espacements */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 6rem;
  
  /* Breakpoints */
  --breakpoint-mobile: 768px;
  --breakpoint-tablet: 1024px;
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-smooth: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* Ombres */
  --shadow-light: 0 2px 10px rgba(0, 0, 0, 0.05);
  --shadow-medium: 0 4px 20px rgba(0, 0, 0, 0.1);
  --shadow-strong: 0 8px 30px rgba(0, 0, 0, 0.15);
}