color variables css

1:root {
2  --main-bg-color: coral;
3}
4
5#div1 {
6  background-color: var(--main-bg-color);
7}
8
9#div2 {
10  background-color: var(--main-bg-color);
11}

1:root {
2  --blue: #1e90ff;
3  --white: #ffffff;
4}
5
6body { background-color: var(--blue); }
7
8h2 { border-bottom: 2px solid var(--blue); }
9
10.container {
11  color: var(--blue);
12  background-color: var(--white);
13  padding: 15px;
14}

1:root {
2    --main-bg-color: brown;
3  }
4  
5.uno {
6    color: white;
7    background-color: var(--main-bg-color);
8    margin: 10px;
9    width: 50px;
10    height: 50px;
11    display: inline-block;
12}