/* ==========================================================================
   Palette « Atelier » — choisie par Julien le 03/10/2026.
   Une couleur par fonctionnalité, en aplats nets (jamais floutée), qui colore
   la navigation, le parcours, le hub et les éléments du fond. Les maquettes
   d'écran restent neutres. AVA garde son orange.

   Jetons : --c-<slug> (sur fond sombre) et --c-<slug>-ink (version foncée pour
   les surfaces claires : page AVA, îlot AVA de la landing, maquettes .lt).
   --fx-c = la couleur de la fonctionnalité courante (posée par la classe de
   body fx-<slug>, ou localement sur une carte / une tuile).
   ========================================================================== */
:root{
  --c-catalogue:#8FB8FF;     --c-catalogue-ink:#3D6FD1;
  --c-devis:#F2D27A;         --c-devis-ink:#A87F12;
  --c-espace-client:#8EDDB3; --c-espace-client-ink:#2C9463;
  --c-commandes:#F5A38B;     --c-commandes-ink:#C2583A;
  --c-boutiques:#E7A6D3;     --c-boutiques-ink:#AE4F92;
  --c-ava:#F97316;           --c-ava-ink:#E2620A;
  --c-branchements:#86D9E3;  --c-branchements-ink:#258E9C;
  --c-maquettes:#C3B5FF;     --c-maquettes-ink:#6F57D6;
  --fx-c:var(--c-catalogue);
  --tex:0; /* les anciens nuages de dégradé violet flous sont éteints (cf. landing.css, --tex) */
}

/* Couleur courante par page */
.fx-catalogue{--fx-c:var(--c-catalogue)}
.fx-devis{--fx-c:var(--c-devis)}
.fx-espace-client{--fx-c:var(--c-espace-client)}
.fx-commandes{--fx-c:var(--c-commandes)}
.fx-boutiques{--fx-c:var(--c-boutiques)}
.fx-ava{--fx-c:var(--c-ava-ink)}
.fx-branchements{--fx-c:var(--c-branchements)}
.fx-maquettes{--fx-c:var(--c-maquettes)}

/* (.mnav-item : nth-of-type décalé de 1, le lien « Toutes les fonctionnalités » est le premier <a>) */
/* Couleur par élément lié à une fonctionnalité (hub, landing, parcours, menu) */
.hb-t-catalogue,.fx-node:nth-child(1),.nmenu-item:nth-child(1),.mnav-item:nth-of-type(2),.hb-st1,.bento .b-a{--fx-c:var(--c-catalogue)}
.hb-t-devis,.fx-node:nth-child(2),.nmenu-item:nth-child(2),.mnav-item:nth-of-type(3),.hb-st2,.bento .b-b{--fx-c:var(--c-devis)}
.hb-t-espace-client,.fx-node:nth-child(3),.nmenu-item:nth-child(3),.mnav-item:nth-of-type(4),.hb-st3{--fx-c:var(--c-espace-client)}
.hb-t-commandes,.fx-node:nth-child(4),.nmenu-item:nth-child(4),.mnav-item:nth-of-type(5),.hb-st4{--fx-c:var(--c-commandes)}
.hb-t-boutiques,.fx-node:nth-child(5),.nmenu-item:nth-child(5),.mnav-item:nth-of-type(6),.hb-shop{--fx-c:var(--c-boutiques)}
.hb-t-ava,.fx-node:nth-child(6),.nmenu-item:nth-child(6),.mnav-item:nth-of-type(7){--fx-c:var(--c-ava)}
.hb-t-branchements,.fx-node:nth-child(7),.nmenu-item:nth-child(7),.mnav-item:nth-of-type(8),.hb-api{--fx-c:var(--c-branchements)}
.hb-t-maquettes,.fx-node:nth-child(8),.nmenu-item:nth-child(8),.mnav-item:nth-of-type(9),.hb-opt-chip{--fx-c:var(--c-maquettes)}
/* Cartes Modules de la landing (ordre de _modules.html.twig) */
.bento .b-a{--fx-c:var(--c-catalogue)} .bento .b-b{--fx-c:var(--c-devis)} .bento .b-c{--fx-c:var(--c-espace-client)}
.bento .b-d{--fx-c:var(--c-commandes)} .bento .b-e{--fx-c:var(--c-branchements)} .bento .b-f{--fx-c:var(--c-maquettes)}
a.fx-next[href$="/catalogue"]{--fx-c:var(--c-catalogue)} a.fx-next[href$="/devis"]{--fx-c:var(--c-devis)}
a.fx-next[href$="/espace-client"]{--fx-c:var(--c-espace-client)} a.fx-next[href$="/commandes"]{--fx-c:var(--c-commandes)}
a.fx-next[href$="/boutiques"]{--fx-c:var(--c-boutiques)} a.fx-next[href$="/ava"]{--fx-c:var(--c-ava)}
a.fx-next[href$="/branchements"]{--fx-c:var(--c-branchements)} a.fx-next[href$="/maquettes"]{--fx-c:var(--c-maquettes)}

/* --- Éléments partagés colorés (indépendants du concept de fond) --- */
.fx-progress{background:var(--fx-c);opacity:1}
.fx-crumb .pip::before{background:var(--fx-c)}
.fx-crumb .cd{color:var(--fx-c)}
.fx-step.on .n{color:var(--fx-c)}
.fx-step.on .n::after{background:var(--fx-c)}
.nmi-c,.mnav-item span{color:var(--fx-c)}
.nmenu-item.on{box-shadow:inset 3px 0 0 var(--fx-c)}
.fx-node .o{border-color:color-mix(in srgb,var(--fx-c) 55%,transparent)}
.fx-node.cur .o{background:var(--fx-c);border-color:var(--fx-c);color:#0A0B0D;box-shadow:0 0 0 6px color-mix(in srgb,var(--fx-c) 18%,transparent)}
.hb-c{color:var(--fx-c)}
.hb-rail .hb-st1 .hb-o,.hb-rail .hb-st2 .hb-o,.hb-rail .hb-st3 .hb-o,.hb-rail .hb-st4 .hb-o{border-color:color-mix(in srgb,var(--fx-c) 55%,transparent)}
.hb-rail.k1 .hb-st1 .hb-o,.hb-rail.k2 .hb-st2 .hb-o,.hb-rail.k3 .hb-st3 .hb-o,.hb-rail.k4 .hb-st4 .hb-o{background:var(--fx-c);border-color:var(--fx-c);color:#0A0B0D;box-shadow:0 0 0 6px color-mix(in srgb,var(--fx-c) 18%,transparent)}
.hb-fact{border-color:color-mix(in srgb,var(--fx-c) 45%,transparent)}
.fx-next .k{color:var(--fx-c)}
.fx-next .arr{background:var(--fx-c)}
.bcard .code{color:var(--fx-c)}

/* Surfaces claires : on passe aux encres foncées */
.fx-ava,.ava-sec,.lt{
  --c-catalogue:var(--c-catalogue-ink);--c-devis:var(--c-devis-ink);--c-espace-client:var(--c-espace-client-ink);
  --c-commandes:var(--c-commandes-ink);--c-boutiques:var(--c-boutiques-ink);--c-ava:var(--c-ava-ink);
  --c-branchements:var(--c-branchements-ink);--c-maquettes:var(--c-maquettes-ink);
}