/* ==========================================================================
   BosArts — la charte appliquée à Woodmart

   Woodmart pilote toute son apparence par des variables CSS. Ce fichier
   ne fait qu'une chose : brancher la palette BosArts (tokens.css) sur ces
   variables. Aucune règle de mise en page, aucun !important, aucune
   couleur écrite en dur.

   À SAVOIR — ce fichier est chargé après le CSS généré par Réglages du
   thème → Styles et couleurs. Pour les variables listées ci-dessous,
   c'est donc ce fichier qui fait foi : changer la couleur principale dans
   l'administration n'aura aucun effet visible. C'est délibéré, la charte
   ne doit pas pouvoir se perdre au fil des manipulations.

   Deux façons de faire évoluer les couleurs :
     — la bonne : modifier la valeur du token dans tokens.css ;
     — l'autre : supprimer la mise en file de « bosarts-woodmart » dans
       inc/setup.php, et tout repasse sous le contrôle des réglages.
   ========================================================================== */

:root {

  /* --- Couleurs d'accent -------------------------------------------------
     Woodmart utilise « primary » pour les accents, les liens actifs, les
     éléments mis en avant ; « alternative » pour le second accent, les
     étiquettes de promotion et les compteurs.                          */
  --wd-primary-color:     var(--bos-azur);
  --wd-alternative-color: var(--bos-vermillon);

  /* --- Fond général et encres ------------------------------------------- */
  --wd-main-bgcolor:                var(--bos-papier);
  --wd-text-color:                  var(--bos-gris);
  --wd-title-color:                 var(--bos-fusain);
  --wd-widget-title-color:          var(--bos-fusain);
  --wd-entities-title-color:        var(--bos-fusain);
  --wd-entities-title-color-hover:  var(--bos-outremer);

  --wd-link-color:       var(--bos-nuit);
  --wd-link-color-hover: var(--bos-azur);

  /* --- Formulaires -------------------------------------------------------- */
  --wd-form-color:             var(--bos-fusain);
  --wd-form-placeholder-color: var(--bos-gris-clair);
  --wd-form-brd-color:         var(--bos-trait);
  --wd-form-brd-color-focus:   var(--bos-trait-fort);

  /* --- Boutons -----------------------------------------------------------
     « default » : les boutons neutres du site (lire la suite, envoyer…).
     « accented » : les boutons d'achat (ajouter au panier, commander) —
     c'est le vermillon qui déclenche l'action.                          */
  --btn-default-bgcolor:        var(--bos-azur);
  --btn-default-bgcolor-hover:  var(--bos-azur-fonce);
  --btn-default-color:          var(--bos-blanc);
  --btn-default-color-hover:    var(--bos-blanc);

  --btn-accented-bgcolor:       var(--bos-action);
  --btn-accented-bgcolor-hover: var(--bos-action-hover);
  --btn-accented-color:         var(--bos-blanc);
  --btn-accented-color-hover:   var(--bos-blanc);

  /* --- Messages de la boutique --------------------------------------------
     Succès en vert atelier, avertissement dans le brun d'attente utilisé
     par les pastilles de disponibilité : même vocabulaire partout.     */
  --notices-success-bg:      var(--bos-stock);
  --notices-success-color:   var(--bos-blanc);
  --notices-warning-bg:      var(--bos-attente);
  --notices-warning-color:   var(--bos-blanc);
}

/* --- Sections sur fond sombre --------------------------------------------
   Woodmart pose la classe « color-scheme-light » sur les zones à fond
   sombre (pied de page nuit, bandeaux). On y réaccorde uniquement les
   accents : le reste — texte clair, bordures translucides — reste géré
   par Woodmart, qui le fait déjà correctement.                         */

.color-scheme-light {
  --wd-primary-color:     var(--bos-azur);
  --wd-link-color-hover:  var(--bos-blanc);
}

/* --- Étiquettes de rayon ---------------------------------------------------
   Chaque grand rayon porte sa couleur. À utiliser sur une catégorie en
   ajoutant la classe correspondante à une section Elementor, ou sur un
   élément « Catégories de produits » de Woodmart.
   Exemple : <section class="bos-rayon bos-rayon--peinture">           */

.bos-rayon { --bos-rayon-couleur: var(--bos-azur); }

.bos-rayon--peinture  { --bos-rayon-couleur: var(--bos-rayon-peinture); }
.bos-rayon--toiles    { --bos-rayon-couleur: var(--bos-rayon-toiles); }
.bos-rayon--dessin    { --bos-rayon-couleur: var(--bos-rayon-dessin); }
.bos-rayon--chevalets { --bos-rayon-couleur: var(--bos-rayon-chevalets); }
.bos-rayon--supports  { --bos-rayon-couleur: var(--bos-rayon-supports); }
.bos-rayon--loisirs   { --bos-rayon-couleur: var(--bos-rayon-loisirs); }

.bos-rayon { --wd-primary-color: var(--bos-rayon-couleur); }