/* ==========================================================================
   Le Sel — Design tokens
   Source unique de vérité pour les couleurs et la typographie.
   Toute évolution de charte graphique se fait ICI et se répercute
   automatiquement sur toutes les pages du site.
   ========================================================================== */

:root{
  /* Palette (charte graphique v1 — août 2026) */
  --olive:    #42533C; /* couleur de marque : logo, titres, identité */
  --ivoire:   #F6F3EC; /* fond principal */
  --blanc:    #FFFFFF; /* fond secondaire */
  --petrole:  #112D3B; /* accent CTA / mots-clés, fonds clairs uniquement */
  --gris:     #6E6C64; /* texte secondaire, légendes */

  --olive-10: rgba(66,83,60,.08);
  --olive-20: rgba(66,83,60,.18);
  --petrole-10: rgba(17,45,59,.08);

  --radius: 22px;
  --font-main: 'Plus Jakarta Sans', Inter, Arial, Helvetica, sans-serif;

  /* Hauteur du header sticky global — utilisée par toutes les pages,
     y compris pour caler les sous-navigations internes (ex. Hot Sauce Lab). */
  --site-nav-h: 60px;
}