/* Couleurs du site : habillage 2026 de V16, d'après l'affiche du Marché (vert sapin, rouge, or, crème).
   Toutes les couleurs du site sont ici, sauf les dessins des boules (ecrans/accueil.js) et les emails.
   Thème clair par défaut, thème sombre automatique selon le réglage du téléphone ou de l'ordinateur. */
:root{
  /* habillage 2026, d'après l'affiche du Marché : vert sapin, rouge, or, crème */
  --ground:#EDF0F0; --surface:#FBF8F1; --surface-2:#E3EAE2;
  --ink:#1F3A2A; --ink-soft:#48624F;
  --band-red:#CF3F44; --band-red-deep:#B5343A; --on-band:#FFFFFF;
  --band-green:#29643A; --band-green-deep:#1F4F2D; --on-green:#F6F0E3;
  --hero:#29643A; --on-hero:#F6F0E3; --gold:#E9BE51;
  --title:#29643A; --link:#B5343A;
  --red-text:#B5343A; --green-text:#29643A; --olive:#3C5947;
  --line:#D7464A; --field:#FFFFFF; --field-line:#7F9686;
  --warn-bg:#F7E9C1; --warn-text:#6A4B00;
  --accent:#29643A; --focus:rgba(41,100,58,.28);
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#29643A; --surface:#1F5230; --surface-2:#18432A;
    --ink:#F6F0E3; --ink-soft:#D3DCCB;
    --band-red:#CF3F44; --band-red-deep:#B5343A; --on-band:#FFFFFF;
    --band-green:#E9BE51; --band-green-deep:#D9AB3A; --on-green:#1F3A2A;
    --hero:#29643A; --on-hero:#F6F0E3; --gold:#E9BE51;
    --title:#F2CD6B; --link:#F2CD6B;
    --red-text:#FFC2BD; --green-text:#BDE5C3; --olive:#D3DCCB;
    --line:#E9BE51; --field:#1A4728; --field-line:#7FA58A;
    --warn-bg:#173F25; --warn-text:#F2CD6B;
    --accent:#E9BE51; --focus:rgba(233,190,81,.45);
  }
}
:root[data-theme="dark"]{
  --ground:#29643A; --surface:#1F5230; --surface-2:#18432A;
  --ink:#F6F0E3; --ink-soft:#D3DCCB;
  --band-red:#CF3F44; --band-red-deep:#B5343A; --on-band:#FFFFFF;
  --band-green:#E9BE51; --band-green-deep:#D9AB3A; --on-green:#1F3A2A;
  --hero:#29643A; --on-hero:#F6F0E3; --gold:#E9BE51;
  --title:#F2CD6B; --link:#F2CD6B;
  --red-text:#FFC2BD; --green-text:#BDE5C3; --olive:#D3DCCB;
  --line:#E9BE51; --field:#1A4728; --field-line:#7FA58A;
  --warn-bg:#173F25; --warn-text:#F2CD6B;
  --accent:#E9BE51; --focus:rgba(233,190,81,.45);
}

/* Les 6 couleurs des cartes de la vitrine (V16) : fond et texte, identiques dans les 2 thèmes.
   La couleur d'une carte dépend de sa référence (ecrans/vitrine.js : couleur-0 à couleur-5). */
.vhead.couleur-0{background:#CF3F44;color:#FFFFFF}
.vhead.couleur-1{background:#E9BE51;color:#1F3A2A}
.vhead.couleur-2{background:#1F7D6D;color:#FFFFFF}
.vhead.couleur-3{background:#A32A30;color:#FFFFFF}
.vhead.couleur-4{background:#DCE8DC;color:#1F3A2A}
.vhead.couleur-5{background:#C99A6B;color:#2B1B0C}