.light {
  --main-1: #2b61ff;
  --main-2: #4b79ff;
  --main-3: #2552d9;
  --main-4: #dfe7ff;
  --main-5: #2b61ff;
  --main-6: #dfe7ff;
  --button-1: #2b61ff;
  --button-2: #4b79ff;
  --button-3: #2552d9;
  --rise-1: #04c795;
  --rise-2: #2acfa5;
  --rise-3: #03a97f;
  --rise-4: #d9f7ef;
  --fall-1: #ed425d;
  --fall-2: #f05e75;
  --fall-3: #c9384f;
  --fall-4: #fce3e7;
  --text-4: #ffffff;
}
.dark {
  --main-1: #2b61ff;
  --main-2: #2757e6;
  --main-3: #2552d9;
  --main-4: #151d35;
  --main-5: #4071ff;
  --main-6: #dfe7ff;
  --button-1: #2b61ff;
  --button-2: #5581ff;
  --button-3: #2552d9;
  --rise-1: #04c795;
  --rise-2: #04b386;
  --rise-3: #009a7f;
  --rise-4: #0f2c25;
  --fall-1: #ed425d;
  --fall-2: #d53b54;
  --fall-3: #c9384f;
  --fall-4: #32181c;
  --text-4: #ffffff;
}