:root {

	--materialio-black: #1f1f1f; /* title / letters */
	
	/* https://m3.material.io/ */
	--materialio-greyE1: #e1e3e1; /* separator line */
	--materialio-greyE5: #e5e8ee; /* hovered ellipse background */
	--materialio-greyF3: #f3f6fc; /* sidebar background */
	--materialio-greyF8: #f8fafd; /* elevated cardview background */
	--materialio-blue1: #c2e7ff; /* selected ellipse background */
		
	--materialio-greyF3-darker5percent: #dfe7f7;	 
	--materialio-greyF3-darker: #d0d7e7;
	--materialio-greyF3-darker10percent: #cbd8f2;
			
	/* https://m3.material.io/components/bottom-app-bar/overview */	
	--materialio-yellowE7: #e6e4bf; /* button / selected ellipse background */
	--materialio-yellowF4: #f4f1e4; /* elevated cardview background */
	--materialio-yellowFF: #fffcf3; /* main window background */
	--materialio-yellow61: #616200; /* main window letter */		
		
	--materialio-yellow4 : #474738; /* icons */
	--materialio-yellowA : #afad93; /* window border */
	--materialio-yellowE3: #e3e0d0; /* hovered ellipse background */
	--materialio-yellowE6: #e6e3d1; /* separator line */
	--materialio-yellowF0: #f0eddd; /* sidebar background */
		
		
	--light-steel-blue: #B0C4DE;
	--silver: #C0C0C0;
  
	--yellow-wheat-color: #F0E7C7;
	--dark-yellow-wheat-color: #E0D7B0;
      
	--yellow-burlywood-color: #DEC887;
    
}