/* ===================================
   FICHIER DE CONFIGURATION - VARIABLES
   WETTA SHOPPING - Palette Aubergine & Beige
   =================================== */

:root {
  /* Palette de couleurs WETTA - Inspirée de la maquette */
  --color-primary: #4B1F3D;        /* Aubergine/Plum */
  --color-primary-light: #A78CA1;  /* Mauve clair */
  --color-secondary: #D9C7B8;      /* Taupe */
  --color-secondary-light: #E7D6DF; /* Lilas très clair */
  
  /* Couleurs de fond */
  --color-bg: #FAF7F2;             /* Beige très clair */
  --color-bg-alt: #F5EDE3;         /* Beige clair */
  --color-white: #FFFFFF;
  
  /* Couleurs de texte */
  --color-text: #4B1F3D;           /* Aubergine pour texte */
  --color-text-light: #7A6A75;     /* Gris-mauve moyen */
  
  /* Accents */
  --color-gold: #C9A571;           /* Doré beige */
  --color-success: #A8C5B0;        /* Vert sage */
  --color-error: #D4847C;          /* Rouge terre */
  
  /* Dégradés */
  --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  --gradient-light: linear-gradient(135deg, var(--color-secondary-light) 0%, var(--color-bg) 100%);
  --gradient-header: linear-gradient(to right, var(--color-bg), var(--color-secondary-light));
  
  /* Typographie - Playfair Display comme dans la maquette */
  --font-primary: 'Cormorant Garamond', 'Lato', -apple-system, sans-serif;
  --font-heading: 'Playfair Display', Georgia, serif;
  
  /* Espacements */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  
  /* Border radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 50px;
  
  /* Ombres douces */
  --shadow-sm: 0 2px 8px rgba(75, 31, 61, 0.08);
  --shadow-md: 0 4px 16px rgba(75, 31, 61, 0.12);
  --shadow-lg: 0 8px 32px rgba(75, 31, 61, 0.15);
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}