/* ============================================================
   JOMIA — DESIGN TOKENS (couleurs de marque)
   Règle : ces 5 couleurs sont TA marque. Tout le reste
   (typographie, structure, composants, rayons, ombres) vient
   des templates Masco (vitrine) et Affan (app).
   Colle ce fichier tel quel dans LES DEUX projets.
   Si tu changes une couleur un jour → tu l'édites ICI seulement.
   ============================================================ */

:root{
  --jomia-navy:     #1F2A78;  /* Bleu nuit — primaire : texte, surfaces, confiance */
  --jomia-orange:   #FF7A00;  /* Orange — action : CTA, accents, le « MI » du logo */
  --jomia-lavender: #F4F5FC;  /* Gris lavande — fonds, zones douces */
  --jomia-gray:     #6B7280;  /* Gris — texte secondaire */
  --jomia-white:    #FFFFFF;  /* Blanc — cartes, respiration */
}

/* ------------------------------------------------------------
   OPTIONNEL — le seul écart au template qui vaut le coup.
   Ta police vient des templates (Inter côté Masco) = look un peu
   « générique ». Si tu veux la seule touche qui casse ça sans
   rien changer d'autre, décommente ce bloc pour passer à Satoshi :

   @import url("https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap");
   :root{ --jomia-font: "Satoshi", system-ui, sans-serif; }
   body{ font-family: var(--jomia-font); }
   ------------------------------------------------------------ */

/* ------------------------------------------------------------
   CÂBLAGE (Claude Code fera le mapping réel) :
   Vitrine (Tailwind) → tailwind.config: colors { navy, orange, lavender, gray }
   App (Bootstrap)    → :root{ --bs-primary: var(--jomia-navy); }
                        + override .btn-primary / .card / .badge aux couleurs JoMIa
   ------------------------------------------------------------ */