/* ============================================
   VARIABLES DU THEME
   Modifier les couleurs ici pour changer tout le site
   ============================================ */
:root {
  /* Couleurs principales */
  --color-primary: #C08081;       /* vieux rose */
  --color-primary-light: #E3C9C6; /* rose vieilli, moins prononce, pour les fonds de section */
  --color-primary-dark: #A5666A;

  --color-secondary: #B8985A;     /* vieux or */
  --color-secondary-light: #D4BC8B;
  --color-secondary-dark: #96793F;
  --color-gold-accent: #C9A227;   /* or plus vif, pour les accents forts (prix, mise en avant) */

  /* Couleurs neutres */
  --color-bg: #FFFFFF;
  --color-bg-alt: #FAF6F3;
  --color-text: #2E2A28;
  --color-text-light: #6B625E;
  --color-border: #E5DCD8;
  --color-white: #FFFFFF;

  /* Typographie */
  --font-heading: "Playfair Display", Georgia, serif;
  --font-body: "Poppins", Arial, sans-serif;

  /* Tailles de police */
  --fs-base: 1rem;
  --fs-sm: 0.875rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.75rem;
  --fs-xxl: 2.5rem;

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

  /* Autres */
  --radius: 8px;
  --transition: 0.3s ease;
  --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);

  /* Layout */
  --container-width: 1200px;
  --header-height: 56px;

  /* Breakpoints (informatif - a reprendre dans les media queries) */
  --bp-tablet: 992px;
  --bp-mobile: 576px;
}

@media (min-width: 992px) {
  :root {
    --header-height: 72px;
  }
}