:root {
    --color-01: #ffffff;
    --color-01-dark: #eaeaea;
    --color-01-dark1: #dcdcdc;
    --color-01-dark2: #c4c4c4;
    --color-01-opacity: #ffffffe5;
  
    --color-02: #000000;
    --color-02-light: #222222;  
    --color-02-opacity: rgba(0, 0, 0, 0.5);  
  
    --color-03: #004171;
    --color-03-light: #15517c;
    --color-03-light2:#2b6894;
    --color-03-dark: #003458;
    --color-03-opacity: #00427191;  
  
    --color-04: #b47d18;
    --color-04-light: #ce9c40;
    --color-04-dark: #a86e02;
    --color-04-opacity: #b47d189a;
  
    --color-05: #0000ff;
    --color-05-light: #7e7eff;
    --color-05-dark: #0000c3;
  
    --color-06: #ffd400;
    --color-06-light: #ffe45f;
    --color-06-dark: #e8c100;
  
    --color-07: #ff0000;
    --color-07-light: #ff5959;
    --color-07-dark: #b30000;
    --color-07-opacity: rgba(255, 0, 0, 0.4);  
    
    --color-08: #545454;
    --color-08-light: #858585;
    --color-08-dark: #000000;
    --color-08-dark1: #171717;
    --color-08-dark2: #252525;  
    --color-08-opacity: rgba(20, 20, 20, 0.6);  
  
    --color-09: #eeff00;
    --color-09-opacity: rgba(179, 199, 0, 0.5);

    --color-10: #00b40f;
    --color-10-light: #70ff7c;
    --color-10-dark: #00800b;    
  }