:root {
  --ch-0: dark;
  --ch-1: #212121;
  --ch-2: #eeffff;
  --ch-3: #c3e88d;
  --ch-4: #89ddff;
  --ch-5: #ff9cac;
  --ch-6: #f78c6c;
  --ch-7: #82aaff;
  --ch-8: #c792ea;
  --ch-9: #f07178;
  --ch-10: #ffcb6b;
  --ch-11: #545454;
  --ch-12: #b2ccd6;
  --ch-13: #eeffff90;
  --ch-14: #00000050;
  --ch-15: #3794ff;
  --ch-16: #61616150;
  --ch-17: #ffffff;
  --ch-18: #616161;
  --ch-19: #00000030;
  --ch-20: #424242;
  --ch-21: #2b2b2b;
  --ch-22: #ffffff10;
  --ch-23: #c5c5c5;
  --ch-24: #21212160;
  --ch-25: #ffffff;
  --ch-26: #212121e6;
}

[data-theme="light"] {
  --ch-0: light;
  --ch-1: #fafafa;
  --ch-2: #90a4ae;
  --ch-3: #91b859;
  --ch-4: #39adb5;
  --ch-5: #ff5370;
  --ch-6: #f76d47;
  --ch-7: #6182b8;
  --ch-8: #9c3eda;
  --ch-9: #e53935;
  --ch-10: #e2931d;
  --ch-11: #90a4ae;
  --ch-12: #8796b0;
  --ch-13: #90a4ae90;
  --ch-14: #ccd7da50;
  --ch-15: #1a85ff;
  --ch-16: #80cbc440;
  --ch-17: #000000;
  --ch-18: #7e939e;
  --ch-19: #00000020;
  --ch-20: #cfd8dc;
  --ch-21: #eeeeee;
  --ch-22: #00000010;
  --ch-23: #424242;
  --ch-24: #fafafa60;
  --ch-25: #b1c7d3;
  --ch-26: #fafafae6;
}
