: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: #5c2f8e;
    --color-03-light: #7e51b1;
    --color-03-light2:#b18ddb;
    --color-03-dark: #491d7c;
    --color-03-opacity: #5b2f8e88;  
  
    --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: #cc2020;
    --color-07-light: #ffadad;
    --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.295);  
  
    --color-09: #eeff00;
    --color-09-opacity: rgba(179, 199, 0, 0.5);

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