/* ==========================================================================
   Stolip — visuels clairs (03/10/2026)
   Julien : « mettre les visuels plutôt en blanc, que ça ressorte ». La page
   reste sombre ; les maquettes de l'outil (fenêtres, compositions des scènes,
   mini-visuels des cartes) passent en papier blanc. Comme l'îlot clair .lt
   (features/base.css), on REDÉFINIT les jetons sur le conteneur : les
   composants mk-* et les styles de page qui passent par les jetons suivent.
   Les blancs codés en dur dans les feuilles de page sont repris plus bas.
   Chargée en dernier (après blur-atelier.css). Voir docs/LANDING.md.
   ========================================================================== */
.win,.fx-canvas,.fx-card .viz,.hb-viz,.uc-card .uc-viz,.appwrap .app,.afloat,.bcard .float,.lm-body .float,.mk-float:not(.bn-con),.mk-card,.lt{
  --bg:#FFFFFF;--bg-2:#F6F6F3;--bg-3:#FFFFFF;--bg-4:#ECECE8;
  --bd:rgba(20,20,24,.10);--bd-2:rgba(20,20,24,.17);
  --tx:#141418;--tx-2:#5C5F66;--tx-3:#71747C;
  --ac:#141418;--ac-dim:rgba(20,20,24,.05);
  color:var(--tx)}

/* Les surfaces elles-mêmes : papier blanc, ombre portée profonde sur le fond sombre. */
.win,.appwrap .app{background:#FFFFFF;border-color:rgba(255,255,255,.55);
  box-shadow:0 0 0 1px rgba(0,0,0,.35),0 50px 110px -46px rgba(0,0,0,.95)}
.fx-card .viz,.hb-viz,.uc-card .uc-viz{background:#FFFFFF;border-color:rgba(255,255,255,.4)}
.afloat,.bcard .float,.lm-body .float,.mk-float:not(.bn-con),.mk-card{background:#FFFFFF;border-color:rgba(20,20,24,.12)}
.win-top,.app .topbar{background:#F6F6F3}
.win-top .dots i{background:rgba(20,20,24,.16)}
.win .mk-sw,.fx-canvas .mk-sw{border-color:rgba(0,0,0,.18)}
.win .mk-bar,.fx-canvas .mk-bar{background:rgba(0,0,0,.07)}
/* Le panneau d'une scène reste sombre : c'est le socle sur lequel le papier ressort. */
.fx-panel{background:var(--bg-2)}

/* Couleurs Atelier sur papier : les encres foncées (comme .lt dans palette-atelier.css).
   --fx-c est déjà résolue plus haut (body, carte) : on la fonce par mélange, une fois,
   sur les descendants du visuel. */
.win,.fx-canvas,.fx-card .viz,.hb-viz,.uc-card .uc-viz,.appwrap .app,.afloat,.bcard .float,.lm-body .float,.mk-float:not(.bn-con),.mk-card{
  --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);
  --fx-dk:color-mix(in oklab,var(--fx-c) 56%,#141418)}
:is(.win,.fx-canvas,.fx-card .viz,.hb-viz,.uc-card .uc-viz,.appwrap .app,.afloat,.bcard .float,.lm-body .float,.mk-float:not(.bn-con),.mk-card) *{--fx-c:var(--fx-dk)}

/* Reprises page par page (blancs codés en dur pensés pour un fond sombre) */
.pq-chip.ava{color:var(--c-ava-ink);background:rgba(249,115,22,.08)}
.appwrap .app .ltbl{background:#FFFFFF}
/* Tableaux « en creux » (rgba(0,0,0,.18) sur le sombre) : sur papier, un aplat blanc bordé. */
:is(.win,.fx-canvas,.fx-card .viz,.hb-viz,.uc-card .uc-viz,.bcard .float,.lm-body .float,.mk-float:not(.bn-con),.mk-card) :is(.mk-tbl,.tr-tree,.pl-tb){background:#FFFFFF}
/* Voile de fenêtre modale : plus léger sur papier. */
.dv-modal{background:rgba(20,20,24,.28)}
/* Vignettes produit (accueil, Catalogue, C—04) : studio clair au lieu du fond graphite. */
.ptile .thumb,.ptile .thumb:is(.t1,.t2,.t3,.t4,.t5,.t6),.ct-th,.cfr-th{background:radial-gradient(120% 95% at 50% 18%,#FFFFFF,#E9E9E4 78%)}
.ct-th svg,.cfr-th svg{color:var(--c,#9A9EA6);filter:drop-shadow(0 5px 7px rgba(20,20,24,.22))}
.ptile .thumb .pp .f0{fill:rgba(20,20,24,.10)}
.ct-th .cc{background:rgba(255,255,255,.88);color:var(--tx-2);border-color:rgba(20,20,24,.12)}
