/* ============================================================
   SolutionParents — Variables CSS (traduction depuis settings_data.json)
   Couleurs extraites du thème Symmetry original
   ============================================================ */

:root {
  /* Couleurs principales */
  --color-bg: #ffffff;
  --color-alt-bg: #f0eee8;
  --color-head-bg: #be529a;
  --color-alt-head-bg: #322b76;

  /* Texte */
  --color-text: #6d7175;
  --color-headings: #202223;
  --color-link: #202223;
  --color-nav: #6d7175;
  --color-nav-hover: #202223;
  --color-sale: #df5641;
  --color-shop-title: #202223;

  /* Boutons primaires */
  --color-btn: #be529a;
  --color-btn-text: #ffffff;
  --color-btn-alt: #000000;
  --color-btn-alt-bg: #ffffff;

  /* Footer */
  --color-foot-bg: #ffffff;
  --color-foot-divider: #e0e0e0;
  --color-foot-heading: #202223;
  --color-foot-text: #6d7175;

  /* Overlays images */
  --color-overlay-bg: #000000;
  --color-overlay-text: #ffffff;
  --image-overlay-opacity: 0.10;
  --image-overlay-shadow: 0.15;

  /* Promotions */
  --color-promo-bg: #f0eee8;
  --color-promo: #322b76;

  /* Produits */
  --color-prod-thumb-bg: #f6f6f6;
  --color-prod-thumb-text: #6d7175;
  --color-prod-new-bg: #013299;
  --color-prod-new-text: #ffffff;
  --color-prod-sale-bg: #ffffff;
  --color-prod-sale-text: #df5641;

  /* Typographie */
  --font-heading: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
  --font-body: 'Futura', 'Century Gothic', 'AppleGothic', sans-serif;

  /* Boutons shape */
  --btn-radius: 4px;

  /* Layout */
  --container-max: 1200px;
  --gutter: 20px;
}

@media (min-width: 768px) {
  :root {
    --gutter: 32px;
  }
}