/* la-maryse — variables de marque
   À importer avant la feuille de style du site. */

:root {
  /* Palette */
  --lm-coral:     #F08A7C;  /* corail gourmand — signature, boutons, accents */
  --lm-chocolate: #4E342E;  /* chocolat — texte, titres, logo */
  --lm-mustard:   #E3B04B;  /* moutarde douce — touches gourmandes */
  --lm-sage:      #A8C8B8;  /* sauge — fraîcheur, catégories */
  --lm-cream:     #FFF8F0;  /* crème — fond principal */

  /* Déclinaisons utiles */
  --lm-coral-deep: #E9584B;  /* corail du lettrage du logo */
  --lm-brown-soft: #6B4A42;  /* texte secondaire */
  --lm-sage-soft:  #EDF3EF;  /* fond de pastille sauge */
  --lm-mustard-soft: #FDF1DC;/* fond de pastille moutarde */

  /* Formes */
  --lm-radius-sm: 8px;
  --lm-radius-md: 14px;
  --lm-radius-lg: 24px;
  --lm-radius-pill: 999px;

  --lm-shadow-soft: 0 8px 24px rgba(78, 52, 46, .10);

  /* Typographie */
  --lm-font-title: "Lobster", cursive;
  --lm-font-text:  "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Les icônes SVG du kit utilisent stroke="currentColor" :
   il suffit de leur donner une couleur de texte.

   .icone      { width: 24px; height: 24px; color: var(--lm-chocolate); }
   .icone--accent { color: var(--lm-coral); }
*/