.light{
    --main-1:#8E25FF;
    --main-2: #BD4AF2;
    --main-3:#6832A0;
    --main-4:#EED6F9;
    --main-5:#9B43F6;
    --main-6:#C69FD9;
    --button-1:#8E25FF;
    --button-2:#BD4AF2;
    --button-3:#6832A0;
    --rise-1:#06C555;
    --rise-2:#10E167;
    --rise-3:#0E8840;
    --rise-4:#8FEAB4;
    --fall-1:#EA0E30;
    --fall-2:#FF0000;
    --fall-3:#C1233C;
    --fall-4:#EF8787;
    --text-4:#FFFFFF;

  }
   .dark{
  --main-1:#8E25FF;
    --main-2:#BD4AF2;
    --main-3:#6832A0;
    --main-4:#151D35;
    --main-5:#9B43F6;
    --main-6:#C69FD9;
    --button-1:#8E25FF;
    --button-2:#BD4AF2;
    --button-3:#6832A0;
    --rise-1:#06C555;
    --rise-2:#10E167;
    --rise-3:#0E8840;
    --rise-4:#0F2C25;
    --fall-1:#EA0E30;
    --fall-2:#FF0000;
    --fall-3:#C1233C;
    --fall-4:#32181C;
    --text-4:#FFFFFF;
  }