:root {
  --teal: #00e5b0;
  --teal-dim: #00b889;
  --teal-r: 0;
  --teal-g: 229;
  --teal-b: 176;
}

body.theme-blue {
  --teal: #4d9fff;
  --teal-dim: #2d7fe0;
  --teal-r: 77;
  --teal-g: 159;
  --teal-b: 255;
}

body.theme-violet {
  --teal: #a067ff;
  --teal-dim: #7c44e0;
  --teal-r: 160;
  --teal-g: 103;
  --teal-b: 255;
}

body.theme-pink {
  --teal: #ff4da6;
  --teal-dim: #e0337f;
  --teal-r: 255;
  --teal-g: 77;
  --teal-b: 166;
}
body.theme-gold {
  --teal: #c6a85c;
  --teal-dim: #a88e4a;
  --teal-r: 198;
  --teal-g: 168;
  --teal-b: 92;
}