/* =============================================================================
   Fournil de Balzac — Design tokens (SACRALISÉ)
   Source de vérité : fable-templates/06-mie-familiale.html — « La Mie Familiale »
   Ce fichier est la référence canonique. On n'ajoute pas de couleur ni de valeur
   qui ne soit pas listée ici. Toute page du site doit importer ce :root et s'y tenir.

   RÈGLE D'OR : l'illustration est une PEAU. Les couleurs vives restent dans les
   dessins et les fonds. Le texte courant garde une encre foncée pour l'AA.
   ========================================================================== */
:root{
  /* ---- Fonds neutres --------------------------------------------------- */
  --creme:#FFF8EE;        /* fond principal du site (body)                  */
  --creme-2:#FBEFDD;      /* fond alterné doux (hover contour, aplats)      */
  --blanc:#FFFFFF;        /* surfaces cartes / boutons contour              */

  /* ---- Signature ------------------------------------------------------- */
  --abricot:#FFB255;      /* COULEUR SIGNATURE. = <meta theme-color>.       */
                          /* Accents, filets, catégorie « goûter ».         */
  --abricot-clair:#FFE7C4;/* fond de picto / halo signature                 */

  /* ---- Accent chaud : tomette (appels à l'action) ---------------------- */
  --tomette:#E85D4A;      /* décor vif (illustration, puces)                */
  --tomette-btn:#C13B29;  /* variante foncée — CTA : AA avec texte blanc     */
  --tomette-btn-h:#A93122;/* état hover du CTA                              */

  /* ---- Accent végétal : prairie (catégorie « dimanche ») --------------- */
  --prairie:#7BB661;      /* décor / statut ouvert                          */
  --prairie-clair:#E7F1DE;/* fond de picto / bande signature               */

  /* ---- Accent froid : ardoise (catégorie « tablées ») ------------------ */
  --ardoise:#4A7BA8;      /* décor / focus-visible                          */
  --ardoise-clair:#E6EFF6;/* fond de picto                                  */
  --ardoise-fonce:#34567C;/* fond du pied de page : AA avec la crème        */

  /* ---- Encres (TEXTE — jamais une couleur vive) ------------------------ */
  --encre:#3B2A20;        /* texte courant + traits d'illustration          */
  --encre-doux:#6B5A50;   /* texte secondaire — reste AA sur crème/blanc    */

  /* ---- Mise en page ---------------------------------------------------- */
  --entete-h:62px;        /* hauteur de l'en-tête épinglé                   */
  --max:1140px;           /* largeur max du conteneur                       */

  /* ---- Formes ---------------------------------------------------------- */
  --rayon:18px;           /* rayon standard (cartes, blocs, héros)          */
  --rayon-s:12px;         /* petit rayon (puces, skip-link)                 */
  --rayon-xs:6px;         /* rayon minimal (contour focus-visible)          */
                          /* NB : les boutons sont en pilule 999px (voir charte) */

  /* ---- Profondeur (ombres teintées encre, jamais du noir pur) ---------- */
  --ombre:0 10px 30px rgba(59,42,32,.10);   /* cartes, blocs               */
  --ombre-s:0 4px 14px rgba(59,42,32,.10);  /* boutons, statut             */

  /* ---- Typographie ----------------------------------------------------- */
  --titre:'Avenir Next Rounded','Avenir Next','Segoe UI',system-ui,'Trebuchet MS',sans-serif;
  --corps:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}