/* ============================================
   EL BENNA — tokens (DA « gourmande & moderne »)
   Palette Foodles-like mappée sur la marque :
   les NOMS de variables sont conservés (les
   composants les référencent), seules les
   VALEURS changent.
   ============================================ */
:root {
  /* Couleurs — mapping El Benna */
  --terracotta: #c6302a;   /* rouge El Benna : accent, boutons, footer */
  --peche: #f2c879;        /* doré clair : bouton secondaire */
  --peche-fond: #f3d492;   /* fond doré (solutions, recrutement) */
  --rose: #f8ecd7;         /* crème El Benna (fonds fréquents) */
  --sauge: #afc69b;        /* vert sauge (section engagement) */
  --vert: #1c5434;         /* vert profond El Benna */
  --vert-clair: #cfe0c6;
  --jaune: #e3a63c;        /* doré épices */
  --creme: #fbf3e2;
  --fond: #fbf9f4;         /* fond de page : blanc chaud */
  --encre: #232018;
  --gris: #515155;
  --brun-doux: #4b3a26;    /* texte sur fonds dorés */

  /* Typo */
  --f-display: 'Knewave', cursive;   /* titres brush uppercase */
  --f-corps: 'Jost', sans-serif;     /* corps + UI */
  --f-script: 'Caveat', cursive;     /* accents manuscrits */

  /* Rayons */
  --r-section: 40px;
  --r-carte: 30px;
  --r-media: 22px;
  --r-pilule: 99px;

  /* Layout */
  --largeur: 1280px;

  /* Rythme vertical : un seul écart entre toutes les sections */
  --ryth: 72px;
}

@media (max-width: 767px) {
  :root { --ryth: 48px; }
}