:root {
  --color-primary:  #1a1a1a;
  --color-accent:   #555555;
  --color-surface:  #f4f4f4;
  --color-danger:   #dc3545;
}

.background_color1 { background-color: var(--color-primary); }
.background_color2 { background-color: #096651; } 
.background_color3 { background-color: #f0f0f0; } 
.background_color4 { background-color: #61b1d8; } 
.background_color5 { background-color: #9A2C18; } 
.background_color6 { background-color: var(--color-primary); } 
.background_color7 { background-color: #323232; }
.background_color8 { background-color: #FAC9C9; } 

.text_color1 { color: var(--color-primary) }
.text_color2 { color: var(--color-primary) } 
.text_color3 { color: #f0f0f0; }  
.text_color4 { color: #61b1d8; } 
.text_color5 { color: #f82c92; } 
.text_color6 { color: #096651; } 
.text_color7 { color: #323232; }
.text_color8 { color: #FAC9C9; } 

.border_color1 { border-color: #071A3C; }
.border_color2 { border-color: #096651; } 
.border_color3 { border-color: #f0f0f0; } 
.border_color4 { border-color: #61b1d8; } 
.border_color5 { border-color: #f82c92; } 
.border_color6 { border-color: #096651; } 
.border_color7 { border-color: #323232; }
.border_color8 { border-color: #FAC9C9; } 


/*
1) The green sign #096651
2) The red skirt #a8321d
3) The Yellow Dress #ead761
4) The blue T-shirt #31537d
5) The gray road #878e97
6) The brown sidewalk #8b7c6b and #8b7c6b
7) The green bushes #647d1d
*/



/*
.background_color1 { background-color: #071A3C; } 
.background_color2 { background-color: #47a3d1; } 
.background_color3 { background-color: #f0f0f0; } 
.background_color4 { background-color: #61b1d8; } 
.background_color5 { background-color: #f82c92; } 
.background_color6 { background-color: #8fcd1d; } 
.background_color7 { background-color: #323232; }
.background_color8 { background-color: #FAC9C9; } 
.text_color1 { color: #071A3C; } 
.text_color2 { color: #47a3d1; } 
.text_color3 { color: #f0f0f0; } 
.text_color4 { color: #61b1d8; }  
.text_color5 { color: #f82c92; } 
.text_color6 { color: #8fcd1d; }
.text_color7 { color: #323232; }
.text_color8 { color: #FAC9C9; } 
.border_color1 { border-color: #071A3C; } 
.border_color2 { border-color: #47a3d1; } 
.border_color3 { border-color: #f0f0f0; } 
.border_color4 { border-color: #61b1d8; } 
.border_color5 { border-color: #f82c92; } 
.border_color6 { border-color: #8fcd1d; } 
.border_color7 { border-color: #323232; }
.border_color8 { border-color: #FAC9C9; } 
*/