/* Mode daltonien (docs/daltonien.md) : palette + formes des pions et des
   couleurs de joueur definies dans ce fichier autonome. Volontairement gouverne
   par une classe sur <html> plutot que
   par le mécanisme d'apparence de plateau (Design.js#chargeApparence) : ce
   mode se superpose à N'IMPORTE QUEL thème de plateau actif, qu'il ne modifie
   jamais (toc.js#appliqueModeDaltonien pose/retire html.mode_daltonien selon
   Parametres "aides.modeDaltonien"). Chaque sélecteur porte le préfixe
   "html.mode_daltonien" pour battre par spécificité les règles de thème
   équivalentes (une seule classe), quel que soit l'ordre d'injection du
   <style id="designCSS"> du thème actif.

   Les 8 images pion-0..3(.pieu).png (public/images/pions/daltonien/) viennent
   d'une planche dediee : chacune combine une couleur ET un pictogramme interne
   (croix, triangle, carre, cercle - meme repere que les formes de legende
   Chart.js), avec un etat protege a anneau/fleches. */

:root {
	--daltonien-joueur-0: #bf343c;
	--daltonien-joueur-1: #0b8e6b;
	--daltonien-joueur-2: #511e7a;
	--daltonien-joueur-3: #f79a55;
	--daltonien-equipe-0: #111111;
	--daltonien-equipe-1: #fffcf5;
}

/* Pions du plateau : image fixe par état (normal / protégé), qui ne passe
   jamais par les variables --pion-skin-joueur-N* (toc.js#rafraichitApparenceJoueurs
   ne les pose plus quand ce mode est actif - voir son commentaire) : même un
   skin de boutique équipé par un adversaire ne peut donc jamais s'afficher.
   L'état protégé (.pieu, pion en zone privée) reprend l'anneau à flèches de
   la planche fournie - repère de plus qu'un simple pictogramme figé, utile
   pour repérer un pion protégé sans dépendre de la couleur. .pion_rentre
   (arrivée) reprend le même visuel que .pieu, .pion_maison (pas encore
   sorti) reste sur l'état normal - même repli que jeu.css pour un skin de
   boutique incomplet (voir son commentaire, lignes ~462-473). */
html.mode_daltonien .pion_joueur_0 {
	--pion-daltonien-normal: url("/images/pions/daltonien/pion-0.png");
	--pion-daltonien-pieu: url("/images/pions/daltonien/pion-0-pieu.png");
	background-image: var(--pion-daltonien-normal);
}
html.mode_daltonien .pion_joueur_1 {
	--pion-daltonien-normal: url("/images/pions/daltonien/pion-1.png");
	--pion-daltonien-pieu: url("/images/pions/daltonien/pion-1-pieu.png");
	background-image: var(--pion-daltonien-normal);
}
html.mode_daltonien .pion_joueur_2 {
	--pion-daltonien-normal: url("/images/pions/daltonien/pion-2.png");
	--pion-daltonien-pieu: url("/images/pions/daltonien/pion-2-pieu.png");
	background-image: var(--pion-daltonien-normal);
}
html.mode_daltonien .pion_joueur_3 {
	--pion-daltonien-normal: url("/images/pions/daltonien/pion-3.png");
	--pion-daltonien-pieu: url("/images/pions/daltonien/pion-3-pieu.png");
	background-image: var(--pion-daltonien-normal);
}

/* Même spécificité que les blocs par siège ci-dessus (une seule classe
   d'état/de siège en plus du préfixe html.mode_daltonien) : placées après
   pour gagner par ordre de déclaration, même patron que jeu.css. */
html.mode_daltonien .pieu,
html.mode_daltonien .pion_rentre {
	background-image: var(--pion-daltonien-pieu);
}
html.mode_daltonien .pion_maison {
	background-image: var(--pion-daltonien-normal);
}

/* Couleurs de joueur hors plateau : avatar, bandeau pseudo, pastille "prêt",
   emplacements du plateau et de l'apercu de preparation, pastilles/barres de stats. */
html.mode_daltonien .image_profil_joueur_0, html.mode_daltonien .joueur_pret_couleur_0 { background-color: var(--daltonien-joueur-0); }
html.mode_daltonien .image_profil_joueur_1, html.mode_daltonien .joueur_pret_couleur_1 { background-color: var(--daltonien-joueur-1); }
html.mode_daltonien .image_profil_joueur_2, html.mode_daltonien .joueur_pret_couleur_2 { background-color: var(--daltonien-joueur-2); }
html.mode_daltonien .image_profil_joueur_3, html.mode_daltonien .joueur_pret_couleur_3 { background-color: var(--daltonien-joueur-3); }

html.mode_daltonien .joueur_0_sortie,
html.mode_daltonien .joueur_0_entree,
html.mode_daltonien .joueur_0_rentre,
html.mode_daltonien .joueur_0_arrivee,
html.mode_daltonien .joueur_0_depart {
	border-color: rgba(191, 52, 60, 0.9) !important;
	background-color: rgba(191, 52, 60, 0.72) !important;
}

html.mode_daltonien .joueur_1_sortie,
html.mode_daltonien .joueur_1_entree,
html.mode_daltonien .joueur_1_rentre,
html.mode_daltonien .joueur_1_arrivee,
html.mode_daltonien .joueur_1_depart {
	border-color: rgba(11, 142, 107, 0.9) !important;
	background-color: rgba(11, 142, 107, 0.72) !important;
}

html.mode_daltonien .joueur_2_sortie,
html.mode_daltonien .joueur_2_entree,
html.mode_daltonien .joueur_2_rentre,
html.mode_daltonien .joueur_2_arrivee,
html.mode_daltonien .joueur_2_depart {
	border-color: rgba(81, 30, 122, 0.9) !important;
	background-color: rgba(81, 30, 122, 0.72) !important;
}

html.mode_daltonien .joueur_3_sortie,
html.mode_daltonien .joueur_3_entree,
html.mode_daltonien .joueur_3_rentre,
html.mode_daltonien .joueur_3_arrivee,
html.mode_daltonien .joueur_3_depart {
	border-color: rgba(247, 154, 85, 0.94) !important;
	background-color: rgba(247, 154, 85, 0.74) !important;
}

html.mode_daltonien .pseudo_joueur_0 { background-color: var(--daltonien-joueur-0); border-color: var(--daltonien-joueur-0); color: #fffaf2; }
html.mode_daltonien .pseudo_joueur_1 { background-color: var(--daltonien-joueur-1); border-color: var(--daltonien-joueur-1); color: #02110d; }
html.mode_daltonien .pseudo_joueur_2 { background-color: var(--daltonien-joueur-2); border-color: var(--daltonien-joueur-2); color: #fffaf2; }
html.mode_daltonien .pseudo_joueur_3 { background-color: var(--daltonien-joueur-3); border-color: var(--daltonien-joueur-3); color: #2b170c; }
html.mode_daltonien .pseudo_joueur_0.tour_en_cours { background-color: #fffaf2; color: #9f242d; }
html.mode_daltonien .pseudo_joueur_1.tour_en_cours { background-color: #fffaf2; color: #067154; }
html.mode_daltonien .pseudo_joueur_2.tour_en_cours { background-color: #fffaf2; color: #511e7a; }
html.mode_daltonien .pseudo_joueur_3.tour_en_cours { background-color: #fffaf2; color: #8a3f0c; }

/* Pastille "pion_puce" (badge de couleur/forme, écran de préparation) : même
   correspondance couleur -> forme que les pions du plateau ci-dessus. */
html.mode_daltonien .pion_rouge { --pion-teinte: var(--daltonien-joueur-0); --pion-teinte-rgb: 191, 52, 60; }
html.mode_daltonien .pion_bleu { --pion-teinte: var(--daltonien-joueur-1); --pion-teinte-rgb: 11, 142, 107; }
html.mode_daltonien .pion_vert { --pion-teinte: var(--daltonien-joueur-2); --pion-teinte-rgb: 81, 30, 122; }
html.mode_daltonien .pion_jaune { --pion-teinte: var(--daltonien-joueur-3); --pion-teinte-rgb: 247, 154, 85; }

html.mode_daltonien .pion_rouge .pion_puce,
html.mode_daltonien .pion_vert .pion_puce {
	background: var(--daltonien-equipe-0);
	box-shadow: 0 0 0 2px #fff, 0 0 0.5em rgba(var(--pion-teinte-rgb), .55);
}

html.mode_daltonien .pion_bleu .pion_puce,
html.mode_daltonien .pion_jaune .pion_puce {
	background: var(--daltonien-equipe-1);
	box-shadow: 0 0 0 2px #111, 0 0 0.5em rgba(var(--pion-teinte-rgb), .55);
}

html.mode_daltonien .pion_rouge .pion_puce { border-radius: 0; clip-path: polygon(0 18%, 18% 0, 50% 32%, 82% 0, 100% 18%, 68% 50%, 100% 82%, 82% 100%, 50% 68%, 18% 100%, 0 82%, 32% 50%); }
html.mode_daltonien .pion_bleu .pion_puce { border-radius: 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
html.mode_daltonien .pion_vert .pion_puce { border-radius: 8%; }

html.mode_daltonien .stats_pastille_joueur_0, html.mode_daltonien .stats_barre_joueur_0::after { background: var(--daltonien-joueur-0); }
html.mode_daltonien .stats_pastille_joueur_1, html.mode_daltonien .stats_barre_joueur_1::after { background: repeating-linear-gradient(135deg, #0b8e6b 0 5px, #023c2d 5px 7px); }
html.mode_daltonien .stats_pastille_joueur_2, html.mode_daltonien .stats_barre_joueur_2::after { background: repeating-linear-gradient(90deg, #511e7a 0 5px, #b58bd5 5px 7px); }
html.mode_daltonien .stats_pastille_joueur_3, html.mode_daltonien .stats_barre_joueur_3::after { background: repeating-linear-gradient(45deg, #f79a55 0 4px, #7e3d12 4px 6px); }
html.mode_daltonien .stats_pastille_joueur_0 { border-radius: 0; clip-path: polygon(0 18%, 18% 0, 50% 32%, 82% 0, 100% 18%, 68% 50%, 100% 82%, 82% 100%, 50% 68%, 18% 100%, 0 82%, 32% 50%); }
html.mode_daltonien .stats_pastille_joueur_1 { border-radius: 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
html.mode_daltonien .stats_pastille_joueur_2 { border-radius: 8%; }
