/* ═══════════════════════════════════════════════════════════
   GSHIATSU78 — couleurs.css
   Palette harmonisée — ancrée sur les couleurs du logo
   (prune #4F2859 · mauve #9B6D96 · vert #CDDA78)
   + bleu pâle dédié aux ateliers
   ═══════════════════════════════════════════════════════════ */

:root {

    /* ═══ SOURCE — couleurs du logo (ne pas modifier) ═══ */
    --plum:                     #4F2859;  /* triangle du logo */
    --mauve:                    #9B6D96;  /* anneau du logo   */
    --green:                    #CDDA78;  /* vert du logo     */

    /* ═══ Échelle prune (déclinaisons du logo) ═══ */
    --plum-900:                 #3A1E42;  /* survols profonds */
    --plum-800:                 #4F2859;  /* encre / titres   */
    --plum-600:                 #6E4A78;  /* sous-titres, liens */
    --plum-400:                 #9B6D96;  /* mauve, accents   */
    --plum-200:                 #C9B4CE;  /* séparateurs      */
    --plum-100:                 #EDE6F1;  /* fonds de cartes  */
    --plum-050:                 #F7F3F8;  /* survols légers   */

    /* ═══ Neutres tièdes (teintés du même violet) ═══ */
    --neutral-strong:           #6B5F6E;  /* texte doux       */
    --neutral-mid:              #938899;  /* légendes, ariane */
    --neutral-soft:             #B6ABBB;  /* étiquettes       */
    --line:                     #E7E0EA;  /* bordures         */

    /* ═══ Surfaces (un seul jeu, tièdes) ═══ */
    --surface:                  #FFFFFF;
    --surface-cream:            #FAF7F4;
    --surface-violet:           #F5F1F7;

    /* ═══ Bleu pâle — 4e couleur de la palette ═══
       Présente surtout sur la page Ateliers, mais réutilisable
       partout (au même titre que le vert du logo). */
    --blue-pale:                #EBF0D6;  /* fonds vert pâle  */
    --blue-pale-strong:         #DFE8C4;  /* tags, puces      */
    --blue-pale-border:         #D0DBAE;  /* bordures         */
    --blue-pale-text:           #4A5A2E;  /* texte/accent     */

    /* alias historiques */
    --atelier-bg:               var(--blue-pale);
    --atelier-border:           var(--blue-pale-border);
    --atelier-text:             var(--blue-pale-text);

    /* ═══ Rayon & voile image unifiés ═══ */
    --radius:                   16px;
    --img-veil:                 linear-gradient(160deg,
                                  rgba(79, 40, 89, .06),
                                  rgba(79, 40, 89, .22));

    /* ═══════════════════════════════════════════════════
       ALIAS RÉTRO-COMPATIBLES
       (les anciens noms pointent vers la nouvelle palette —
        rien à changer dans le reste du CSS pour la couleur)
       ═══════════════════════════════════════════════════ */

    /* Couleurs principales */
    --color-border-img:         var(--mauve);
    --color-light:              var(--mauve);
    --color-light-hover:        var(--plum-600);
    --color-dark:               var(--plum-800);
    --color-dark-hover:         var(--plum-900);

    /* Arrière-plans */
    --color-back-carte-cadeau:  var(--surface-cream);
    --color-back-light:         var(--surface-cream);
    --color-back-green:         var(--green);          /* vert du logo conservé */
    --color-back-beige:         var(--surface-cream);
    --color-back-violet-pale:   var(--surface-violet);
    --color-extra-light:        var(--surface);

    /* Textes */
    --color-text:               var(--plum-800);
    --color-text-doux:          var(--neutral-strong);
    --color-price:              var(--mauve);

    /* Liens (était #0054AD — ramené dans la famille prune) */
    --color-link:               var(--plum-600);

    /* Ombres */
    --color-shadow:             rgba(0, 0, 0, .1);
    --color-shadow-violet:      rgba(79, 40, 89, .15);

    /* Bordures */
    --color-border-light:       var(--line);
    --color-border-card:        var(--line);

    /* Footer */
    --color-footer-bg:          var(--plum-600);

    /* Debug (laisser à 0 en production) */
    --debug-mode: 0; /* 0 .. 10 */
}