/* couleurs.css */

:root {

/*////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////// Palette de couleurs ///////////////////////////*/
	
/* Base */
  --noir: black;
  --blanc: white;
	
/* Anciennes couleurs */
  --jaune: #FFFF00;
  --violet: #BD64EB;
	
/* Actuel */
  --vert: #429b14;
	
/* Ici tu peux ajouter des couleurs pour tester */
  --peche: #e46564;
  --bleu: #7ecdec;
	--bleu-gris: #99d6c9;
	

	
/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////// Attribution des couleurs ///////////////////////////*/
	
	
	
/*//////////// Général ////////////*/
	
/* Fond */
  --color-bg: var(--blanc);
	
/* Boutons du menu texte + contour (vert)*/
  --menu-btn-stroke-and-text: var(--bleu-gris);
	
/* Boutons du menu fond (vert)*/
  --menu-btn-bg: var(--noir);
	
/* Titre des oeuvres - vue générale (vert) */	
  --color-work-title: var(--bleu-gris);

/* Texte - fenêtre modale (vert) */	
  --color-text-modal: var(--bleu-gris);
	
/* Fond de la fenêtre modale (noir,80%) */	
  --modal-bg: color-mix(in srgb, var(--noir) 80%, transparent);
	

/*//////////// curseurs/icônes ////////////*/
	
/* Curseur cercle de base (vert) */
  --cursor-color: var(--bleu-gris);
	
/* Flèches sliders + X (vert) */
  --arrows-x-color: var(--bleu-gris);	
	

/*///////// Tête qui tourne /////////*/
	
/* Fond (jaune)*/
  --circle-bg: var(--jaune);
	
/* Texte (violet)*/
  --circle-text: var(--violet);
}