/* ============================================================
   tokens.css — Mystic Luna
   Source unique de la DA. Repris dans Tailwind en M01.
   Palette dérivée du logo (#B88E9C = fond du logo, 69% de l'image)
   + sauge et lilas en accents, comme demandé au CDC §7.1.
   Contrastes vérifiés (UX-04) : voir docs/design-system.md.
   ============================================================ */

:root {
  /* --- Marque : vieux rose mauve (issu du logo) --- */
  --ml-rose-900: #5E3F4B;
  --ml-rose-800: #74505E;
  --ml-rose-700: #8E6675;   /* boutons primaires (blanc dessus = 4.88:1 AA) */
  --ml-rose-500: #B88E9C;   /* LOGO — décoratif uniquement, jamais du texte */
  --ml-rose-300: #D9BCC6;
  --ml-rose-100: #F2E6EA;
  --ml-rose-050: #FAF3F5;

  /* --- Accent lilas (lavande du logo, CDC §7.1) --- */
  --ml-lilas-700: #574670;
  --ml-lilas-600: #6F5C87;  /* blanc dessus = 5.90:1 AA */
  --ml-lilas-400: #A794C0;
  --ml-lilas-200: #DDD3E9;
  --ml-lilas-100: #EFEAF6;

  /* --- Accent vert sauge (feuillage du logo, CDC §7.1) --- */
  --ml-sauge-800: #3D4A3D;
  --ml-sauge-600: #5F7360;
  --ml-sauge-400: #9CAF9C;
  --ml-sauge-200: #D6E0D4;
  --ml-sauge-100: #EAF0E8;

  /* --- Neutres « cottage » --- */
  --ml-creme:  #FBF7F4;     /* fond de page */
  --ml-ivoire: #F5EDE7;     /* fond de section alterné */
  --ml-encre:  #3A3238;     /* texte principal (11.64:1 AAA sur crème) */
  --ml-taupe:  #6E6167;     /* texte secondaire (5.52:1 AA sur crème) */
  --ml-bord:   #E7DDD8;     /* bordures douces */
  --ml-blanc:  #FFFFFF;

  /* --- États de disponibilité (EVT-05) --- */
  --ml-dispo-bg:    var(--ml-sauge-200);
  --ml-dispo-fg:    var(--ml-sauge-800);
  --ml-bientot-bg:  #F7EBD9;
  --ml-bientot-fg:  #6B4A1F;
  --ml-complet-bg:  #E7E2E4;
  --ml-complet-fg:  #5A5158;
  --ml-attente-bg:  var(--ml-lilas-200);
  --ml-attente-fg:  var(--ml-lilas-700);

  /* --- Typographie ---
     Titres : serif élégante à contraste fin, dans l'esprit du logo (Cormorant Garamond).
     Texte  : sans-serif très lisible sur mobile (UX-04). */
  --ml-font-titre: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --ml-font-texte: "Nunito Sans", "Segoe UI", system-ui, -apple-system, sans-serif;

  --ml-t-xs:   0.8125rem;
  --ml-t-sm:   0.9375rem;
  --ml-t-base: 1.0625rem;   /* confort de lecture mobile */
  --ml-t-lg:   1.25rem;
  --ml-t-xl:   1.5rem;
  --ml-t-2xl:  2rem;
  --ml-t-3xl:  2.5rem;
  --ml-t-4xl:  3.25rem;

  /* --- Espacements (échelle de 4) --- */
  --ml-e-1: 0.25rem;  --ml-e-2: 0.5rem;   --ml-e-3: 0.75rem;
  --ml-e-4: 1rem;     --ml-e-5: 1.5rem;   --ml-e-6: 2rem;
  --ml-e-7: 3rem;     --ml-e-8: 4rem;     --ml-e-9: 6rem;

  /* --- Rayons, ombres, transitions --- */
  --ml-r-sm: 6px;  --ml-r-md: 12px;  --ml-r-lg: 20px;  --ml-r-pill: 999px;
  --ml-ombre-douce: 0 2px 12px rgba(94, 63, 75, 0.07);
  --ml-ombre-carte: 0 4px 20px rgba(94, 63, 75, 0.10);
  --ml-transition: 180ms ease;

  /* --- Largeurs --- */
  --ml-lg-contenu: 1140px;
  --ml-lg-texte:   68ch;
}