body {
  font-family: "Poppins", "sans-serif";
  font-size: 1rem;
  margin: 0;

  /* Default is light theme */
  --white: #ffffff;
  --off-white: #fdf8f5;
  --teal-1: #76ffdc;
  --teal-2: #4ed4b2;
  --blue-1: #5caff9;
  --blue-1-05: #5caff90d;
  --blue-1-20: #5caff934;
  --blue-2: #1482e3;
  --blue-2-25: #1482e340;
  --purple-1: #525284;
  --purple-2: #2a2a62;
  --gradient-blue-green: linear-gradient(
    99.94deg,
    #1481e3 -17.95%,
    #4ed4b2 172.82%
  );
}

/* FIXME: Dark theme is the same as light theme right now */
.dark {
  --white: #ffffff;
  --off-white: #fdf8f5;
  --teal-1: #76ffdc;
  --teal-2: #4ed4b2;
  --blue-1: #5caff9;
  --blue-1-05: #5caff90d;
  --blue-1-20: #5caff934;
  --blue-2: #1482e3;
  --purple-1: #525284;
  --purple-2: #2a2a62;
  --gradient-blue-green: linear-gradient(
    99.94deg,
    #1481e3 -17.95%,
    #4ed4b2 172.82%
  );
}

@media only screen and (max-width: calc(375rem / 16)) {
  body {
    font-size: calc(14rem / 16);
  }
}