/* ============================================================
   Épicerie — tokens : UN seul thème, chaud (cahier §8.1, plan §0).
   Le tiroir à épices en bois clair : crème en fond, brun cacao en
   texte, une terre cuite posée avec avarice. Seule source de couleur
   de l'application : aucune couleur en dur ailleurs (tests/charte).
   Pas de thème nuit, pas d'interrupteur, rien qui suive l'appareil.
   Valeurs figées par tests/contrast.test.js (P1) : le grisé est passé
   de #7A685A à #78665A pour tenir 4,5:1 sur le fond.
   ============================================================ */

:root {
  color-scheme: light;

  /* Fonds — la profondeur vient des trois tons, jamais d'ombres */
  --epi-fond: #F3E9DC;
  --epi-carte: #FBF5EC;
  --epi-puce: #EADDCB;
  --epi-bordure: #E4D5C2;
  --epi-contour: #94806A;

  /* Textes */
  --epi-texte: #2A1D14;
  --epi-secondaire: #6E5A49;
  --epi-grise: #78665A;

  /* Action — la terre cuite, une seule par écran ; texte crème dessus, jamais brun */
  --epi-action: #B1471F;
  --epi-sur-action: #FBF5EC;
  --epi-action-texte: #B1471F;

  /* Notes de famille — tuiles et puces, texte brun dessus, jamais en texte ; une note par écran */
  --epi-note-accord: #E9B44C;
  --epi-note-moulin: #A9B36E;
  --epi-note-preparation: #E3A58E;

  /* Teintes des grains — le grain porte sa couleur (data-teinte) ; elles ne comptent pas comme notes */
  --epi-grain-noir: #2E2521;
  --epi-grain-brun: #5C3E2E;
  --epi-grain-blanc: #E6D8BF;
  --epi-grain-vert: #6D8B4B;
  --epi-grain-rouge: #9C3A2E;
  --epi-grain-rose: #D8878E;
  --epi-grain-ocre: #B5772F;
  --epi-grain-cuivre: #B0623A;
  /* Bientôt vide : ambre, quelle que soit la teinte. Sans teinte : la puce (le non disponible n'a pas de couleur). */
  --epi-grain-ambre: #E8B04B;
  --epi-grain-neutre: #EADDCB;

  /* Attention — texte et pastille « il te manque » ; ne dit que « attention » */
  --epi-attention: #8A6108;

  /* Puces de famille (fond = la note, texte brun) */
  --epi-puce-accord: #E9B44C;       --epi-puce-accord-texte: #2A1D14;
  --epi-puce-moulin: #A9B36E;       --epi-puce-moulin-texte: #2A1D14;
  --epi-puce-preparation: #E3A58E;  --epi-puce-preparation-texte: #2A1D14;

  /* Statuts de disponibilité : tu l'as = terre cuite · il te manque = attention · gris */
  --epi-statut-vert: #B1471F;
  --epi-statut-orange: #8A6108;
  --epi-statut-gris: #78665A;

  /* Silhouettes : contour couleur du texte ; absent = contour grisé, sans corps */
  --epi-trait: #2A1D14;
  --epi-trait-absent: #78665A;

  /* Voile des feuilles basses (seule valeur translucide : un brun, pas un noir) */
  --epi-voile: rgba(42, 29, 20, 0.35);

  /* Mesures */
  --epi-colonne: 520px;
  --epi-cible: 44px;
  --epi-rayon: 14px;
  --epi-rayon-puce: 999px;
  --epi-onglets: 56px;
  --epi-e1: 4px;
  --epi-e2: 8px;
  --epi-e3: 12px;
  --epi-e4: 16px;
  --epi-e5: 24px;
  --epi-e6: 32px;
  --epi-e7: 48px;

  /* Typographie — police native, titres 900, sentence case */
  --epi-police: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;
  --epi-t1: 34px;
  --epi-t2: 22px;
  --epi-t3: 17px;
  --epi-corps: 17px;
  --epi-second: 15px;
  --epi-legende: 13px;
  --epi-mini: 12px;

  /* Mouvement — transitions 200 ms, une seule animation (600 ms, « la pincée tombe ») */
  --epi-duree: 200ms;
  --epi-duree-pincee: 600ms;
  --epi-courbe: cubic-bezier(0.16, 1, 0.3, 1);
}