/* ==========================================================================
   LA NOTE VERTE — palette.css : essai de palettes (branche exp/fluid-v2)
   ==========================================================================
   html[data-palette] remplace les 3 couleurs de marque : l'accent (--lime,
   CTA et carrés d'icônes), le vert principal (--green-mid, bandeaux verts)
   et le vert profond (--green-deep, titres, chip actif). Beige et --ink
   (footer) ne changent pas. Les SVG à couleurs incrustées (pictos, logo,
   fenêtre du jardin…) sont recolorés par palette.js.
   Contrastes vérifiés (WCAG AA) : blanc sur vert principal ≥ 5,2 ;
   vert profond sur blanc ≥ 8,6 ; texte sur accent ≥ 8,1.
   ========================================================================== */
html[data-palette="mousse"]{
  --lime:#cfe59a; --lime-flat:#d6e9a6; --rgb-acid:207,229,154;
  --green-mid:#2e5b47; --rgb-green-mid:46,91,71;
  --green-deep:#1f3f30; --rgb-green-deep:31,63,48;
  --green-sage:#7f9f8c;
}
html[data-palette="sauge"]{
  --lime:#f1c86a; --lime-flat:#f4d185; --rgb-acid:241,200,106;
  --green-mid:#4e6e4b; --rgb-green-mid:78,110,75;
  --green-deep:#2f4630; --rgb-green-deep:47,70,48;
  --green-sage:#93a88a;
}
html[data-palette="olive"]{
  --lime:#eba57f; --lime-flat:#efb391; --rgb-acid:235,165,127;
  --green-mid:#556532; --rgb-green-mid:85,101,50;
  --green-deep:#38441f; --rgb-green-deep:56,68,31;
  --green-sage:#9aa27a;
}
html[data-palette="eucalyptus"]{
  --lime:#d4ecc7; --lime-flat:#dcf0d1; --rgb-acid:212,236,199;
  --green-mid:#3f6f62; --rgb-green-mid:63,111,98;
  --green-deep:#26473f; --rgb-green-deep:38,71,63;
  --green-sage:#86a89c;
}
html[data-palette="lime"]{ /* ancienne palette par défaut */
  --lime:#ebff7d; --lime-flat:#edff89; --rgb-acid:235,255,125;
  --green-mid:#386c3c; --rgb-green-mid:56,108,60;
  --green-deep:#3f5b1e; --rgb-green-deep:63,91,30;
  --green-sage:#8baa7c;
}
html[data-palette="ardoise"]{
  --lime:#ffd34d; --lime-flat:#ffdb6b; --rgb-acid:255,211,77;
  --green-mid:#3e5c6e; --rgb-green-mid:62,92,110;
  --green-deep:#263f4d; --rgb-green-deep:38,63,77;
  --green-sage:#8aa2ae;
}

/* ---------- Sélecteur (bouton flottant en bas à gauche + panneau) ---------- */
.pal{position:fixed;left:1.25rem;bottom:1.25rem;z-index:150;font-family:var(--font-sans)}
.pal-toggle{
  display:flex;align-items:center;gap:.625rem;height:var(--btn-h-sm);padding:0 1rem 0 .5rem;
  border-radius:var(--r-pill);background:var(--white);color:var(--ink);
  font-size:var(--fs-sm);font-weight:500;box-shadow:0 .625rem 1.75rem -.75rem rgba(var(--rgb-shadow),.35);
}
.pal-dots{display:flex}
.pal-dots i,.pal-sw i{display:block;width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid var(--white)}
.pal-dots i + i{margin-left:-.375rem}
.pal-panel{
  position:absolute;left:0;bottom:calc(100% + .625rem);width:20rem;padding:.5rem;
  border-radius:var(--r-lg);background:var(--white);box-shadow:0 1.25rem 3rem -1rem rgba(var(--rgb-shadow),.35);
  display:none;
}
.pal.open .pal-panel{display:block}
.pal-title{padding:.5rem .75rem .375rem;font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.pal-opt{display:flex;align-items:center;gap:.875rem;width:100%;padding:.625rem .75rem;border-radius:var(--r-md);text-align:left;color:var(--ink);transition:background .15s ease}
.pal-opt:hover{background:var(--cream)}
.pal-opt[aria-checked="true"]{background:var(--beige)}
.pal-sw{display:flex;flex:none}
.pal-sw i + i{margin-left:-.375rem}
.pal-name{display:block;font-size:var(--fs-ui);font-weight:600;line-height:1.3}
.pal-desc{display:block;font-size:var(--fs-caption);color:var(--text-2);line-height:1.35}
@media (max-width:600px){ .pal-panel{width:calc(100vw - 2.5rem)} }