/* ==========================================================================
   Maquette C — palettes
   Le jaune de la maquette B est remplacé par une couleur plus éteinte.
   Chaque palette ne change que la couleur d'accent (+ la teinte des photos) :
   le papier, l'encre et le vert jungle restent ceux de la B.

     --amber       couleur d'accent : boutons, pastilles, photos en bichromie  (texte noir dessus)
     --amber-2     la même, plus profonde : mot « Au contact. », survols, focus (texte sur papier)
     --amber-soft  la même, très claire : fond de la FAQ ouverte
     --duo-2       teinte des photos « alternées » (une sur deux)
     --mandala     couleur du mandala qui tourne derrière la photo du héros

   Ajouter une palette : copier un bloc, changer l'id et les trois couleurs,
   puis l'ajouter à la liste dans js/themes.js. Le contraste texte noir sur
   --amber est d'au moins 6:1 pour les quatre palettes (AA : 4,5:1 minimum).
   ========================================================================== */

/* Couleur « profonde » (sections sombres, pao, petits libellés) : vert jungle par défaut,
   remplacée par Bordeaux et Olive. --jungle-3 sert de texte sur papier (contraste ≥ 4,5:1). */
:root {
  --jungle: #0F3D2E;
  --jungle-2: #175A42;
  --jungle-3: #2B7A5C;
  --jungle-deep: #0A2C21;
}

:root,
[data-theme="terre-cuite"] {
  --amber: #CF7C58;
  --amber-2: #A4502E;
  --amber-soft: #F0D5C6;
  --duo-2: #8DB09C;
  --mandala: var(--amber-2);
}

[data-theme="sauge"] {
  --amber: #A7B998;
  --amber-2: #55693F;
  --amber-soft: #DEE6D3;
  --duo-2: #C7BDA8;
  --mandala: var(--amber-2);
}

/* Couleurs données par le club : elles deviennent la couleur dominante sombre (à la place du vert jungle) */
[data-theme="bordeaux"] {
  --jungle: #630D13;
  --jungle-2: #7E1A21;
  --jungle-3: #A8434B;
  --jungle-deep: #3E070B;
  --amber: #D6B8A0;
  --amber-2: #7A2E2E;
  --amber-soft: #EFE0D3;
  --duo-2: #C9B5A8;
  --mandala: var(--amber-2);
}

[data-theme="olive"] {
  --jungle: #313F2C;
  --jungle-2: #46583F;
  --jungle-3: #566B48;
  --jungle-deep: #1F281C;
  --amber: #9FA882;
  --amber-2: #313F2C;
  --amber-soft: #E3E5D3;
  --duo-2: #C8BFA8;
  --mandala: var(--amber-2);
}

/* Le jaune d'origine de la maquette B, pour comparer */
[data-theme="ambre"] {
  --amber: #FFB21A;
  --amber-2: #F29D00;
  --amber-soft: #FFE3A3;
  --duo-2: #7BB89A;
  --mandala: var(--amber-2);
}
