:root {
  .dark {
    --color-primary: #000000;
    --color-secondary: #090b13;
    --color-text: #ffffff;
    --color-third: #080b13;
    --color-forth: #612ad5;
    --color-fifth: #28344f;
    --color-sixth: #0b101b;
    --color-seventh: #7236f1;
    --color-gray: #8c8c8c;
    --color-input: #131b2c;
    --color-input-text: #64748b;
    --color-table-border: #1f2941;
    --color-custom1: #324264;
    --color-custom2: #141c2c;
    --color-custom3: #0b0f1c;
    --color-custom4: #8155dd;
    --color-custom5: #e9e9f1;
    --color-custom6: #172034;
    --color-custom7: #7950f2;
    --color-custom8: #0f1524;
    --color-custom9: #354258;
    --color-custom10: #e4b895;
    --color-custom11: #8b90ff;
    --color-custom12: #b7c1ff;
    --color-custom13: #ffac30;
    --color-custom14: #576a9a;
    --color-custom15: #0a0a0a;
    --color-custom16: #121a2d;
    --color-custom17: #d3d3d3;
    --color-custom18: #aaaaaa;
    --color-custom19: #f97066;
    --color-custom20: #121b2c;
    --color-custom21: #506490;
    --color-custom22: #b91c1c;
    --color-custom23: #000000;
    --color-custom24: #eaff00;
    --color-custom25: #2e3336;
    --color-custom26: #1d9bf0;
    --color-custom27: #71767b;
    --color-custom28: #b69dec;
    --color-custom29: #291259;
    --color-custom30: #5826c2;
    --color-custom31: #0f1727;
    --color-custom32: #181818;
    --color-custom33: #f2f2f2;
    --color-custom34: #334155;
    --color-custom35: #242424;
    --color-custom36: #6b6b6b;
    --color-custom37: #0b1416;
    --color-custom38: #d9d9d9;
    --color-custom39: #ffffff;
    --color-custom40: #0e0e0e;
    --color-custom41: #cebdf2;
    --color-custom42: #32d583;
    --color-custom43: #425379;
    --color-custom44: #283450;
    --color-custom45: #832ad5;
    --color-custom46: #658dac;
    --color-custom47: #182034;
    --color-custom48: #080b14;
    --color-custom49: #0a0b14;
    --color-custom50: #262373;
    --color-custom51: #4f46e5;
    --color-custom52: #eaeef2;
    --color-custom53: #7c7d86;
    --color-custom54: #afb8c1;
  }
  .light {
    --color-primary: #fff;
    --color-secondary: #fff;
    --color-text: #000;
    --color-third: white;
    --color-forth: #612ad5;
    --color-fifth: #efefef;
    --color-sixth: #fff;
    --color-seventh: #7236f1;
    --color-gray: #8c8c8c;
    --color-input: #f8f8f8;
    --color-input-text: #64748b;
    --color-table-border: #efefef;
    --color-custom1: #324264;
    --color-custom2: #f8f8f8;
    --color-custom3: #fff;
    --color-custom4: #8155dd;
    --color-custom5: #e9e9f1;
    --color-custom6: #fff;
    --color-custom7: #7950f2;
    --color-custom8: #efefef;
    --color-custom9: #354258;
    --color-custom10: #e4b895;
    --color-custom11: #8b90ff;
    --color-custom12: #b7c1ff;
    --color-custom13: #ffac30;
    --color-custom14: #576a9a;
    --color-custom15: #0a0a0a;
    --color-custom16: #121a2d;
    --color-custom17: #000;
    --color-custom18: #000;
    --color-custom19: #f97066;
    --color-custom20: #F5F5F5;
    --color-custom21: #506490;
    --color-custom22: #b91c1c;
    --color-custom23: #F5F5F5;
    --color-custom24: #eaff00;
    --color-custom25: #2e3336;
    --color-custom26: #1d9bf0;
    --color-custom27: #71767b;
    --color-custom28: #b69dec;
    --color-custom29: #291259;
    --color-custom30: #efefef;
    --color-custom31: #E0E0E0;
    --color-custom32: #181818;
    --color-custom33: #f2f2f2;
    --color-custom34: #334155;
    --color-custom35: #242424;
    --color-custom36: #6b6b6b;
    --color-custom37: #0b1416;
    --color-custom38: #d9d9d9;
    --color-custom39: #000;
    --color-custom40: #fff;
    --color-custom41: #cebdf2;
    --color-custom42: #32d583;
    --color-custom43: #425379;
    --color-custom44: #283450;
    --color-custom45: #832ad5;
    --color-custom46: #658dac;
    --color-custom47: #182034;
    --color-custom48: #fff;
    --color-custom49: #0a0b14;
    --color-custom50: #262373;
    --color-custom51: #4f46e5;
    --color-custom52: #eaeef2;
    --color-custom53: #7c7d86;
    --color-custom54: #afb8c1;
  }
}
