var-colors.css

:root {
--White: #ffffff;
--Gray97: #f7f7f7;
--WhiteSmoke: #f5f5f5;
--GhostWhite: #f8f8ff;
--Snow: #fffafa;
--Silver: #c0c0c0; 
--Gainsboro: #dcdcdc; 
--FloralWhite: #fffaf0;
--MintCream: #f5fffa; 
}
 
:root {
--Black: #000;
--EerieBlack: #1b1b1b;
--Gray17: #2b2b2b;
--SmokyBlack: #100c08;
--Gray25: #404040;
--DavyGrey: #555555;
--DimGray: #696969; 
--WebGrey: #808080;
--DarkGray: #a9a9a9; 
}

:root {
--DarkBlue: #00008b;
--MidnightBlue: #191970; 
--Blue: #0000ff;
--RoyalBlue: #4169e1;
--SlateBlue: #6a5acd;
--MediumSlateBlue: #7b68ee;
--LightSkyBlue: #87cefa;
}

:root {
--DarkSlateGray: #2f4f4f; 
--Teal: #008080;  
--DarkTurquoise: #00ced1;
--Gray: #808080;
--Gray80: #cccccc;
--Gray72: #b8b8b8;
--Gray64: #a3a3a3;
--LightGrey: #d3d3d3;
}

:root {
--PaleTurquoise: #afeeee; 
--Aquamarine: #7fffd4; 
--Turquoise: #40e0d0; 
--BrightAqua: #0bf9ea; 
--Cyan: #00ffff;
--LightCyan: #e0ffff;
--BlueGreen: #0d98ba;
--DarkAqua: #05696b; 
}

:root {
--DeepPurple:  #602f6b;
--WebPurple:  #7f007f;
--Purple: #800080; 
--Magenta: #ff00ff;
--PansyPurple: #78184a;
--VioletPink: #fb5ffc;
--CandyPink:  #ff63e9;
}

:root {
--DarkRed: #8b0000; 
--Red: #ff0000; 
--Crimson: #dc143c;  
}

:root {
--Olive: #808000;
--Khaki: #f0e68c; 
--Goldenrod: #daa520; 
--Gold: #ffd700; 
--Yellow: #ffff00;  
--LemonChiffon: #fffacd; 
}

:root {
--DarkForestGreen: #002d04;
--BottleGreen: #044a05; 
--HunterGreen: #0b4008; 
--DarkGreen: #006400; 
--Green: #008000; 
--LimeGreen: #32cd32; 
--Lime: #00ff00;
--LightNeonGreen: #4efd54;
--PaleGreen: #98fb98; 
}

:root {
--BarnRed: #7c0a02; 
--PersianPlum: #701c1c; 
--Maroon: #800000; 
--ReddishBrown: #7f2b0a; 
}