:root{
  --casual-color:#00b0f0;
  --regular-color:#fc5d04;

  --dark-primary-color:#b90066;
  --default-primary-color:#E4007F;
  --light-primary-color:#dc4297;
  --thin-primary-color:#ffb7df;

  --dark-secondary-color:#006797;
  --default-secondary-color:#0092D8;
  --light-secondary-color:#2e99cb;
  --thin-secondary-color:#98deff;

  --dark-tertiary-color:#c8bb00;
  --default-tertiary-color:#FFF33F;
  --light-tertiary-color:#fff784;
  --thin-tertiary-color:#fffabb;

  --dark-accent-color:rgb(235, 85, 5);
  --default-accent-color:rgb(235, 85, 5);
  --light-accent-color:rgb(235, 85, 5);
  --thin-accent-color:rgb(235, 85, 5);

  --dark-features-color:#ecf900;
  --default-features-color:#F3FF05;
  --light-features-color:#fbffb5;
  --thin-features-color:#fefff3;

  --dark-grey1-color:#141414;
  --default-grey1-color:#333333;
  --light-grey1-color:#6f6f6f;
  --thin-grey1-color:#878787;

  --dark-grey2-color:#7D7F7F;
  --default-grey2-color:#9D9287;
  --light-grey2-color:#BCBABE;
  --thin-grey2-color:#F1F1F2;
}

.dark-casual-base-color { background: var(--dark-casual-color); }
.dark-casual-text-color { color: var(--dark-casual-color); }
.dark-casual-divider-color { border: 0.1rem solid var(--dark-casual-color); }
.default-casual-base-color { background: var(--default-casual-color); }
.default-casual-text-color { color: var(--default-casual-color); }
.default-casual-divider-color { border: 0.1rem solid var(--default-casual-color); }
.light-casual-base-color { background: var(--light-casual-color); }
.light-casual-text-color { color: var(--light-casual-color); }
.light-casual-divider-color { border: 0.1rem solid var(--light-casual-color); }
.thin-casual-base-color { background: var(--thin-casual-color); }
.thin-casual-text-color { color: var(--thin-casual-color); }
.thin-casual-divider-color { border: 0.1rem solid var(--thin-casual-color); }
.underline-casual {
  background:linear-gradient(transparent 70%, var(--default-casual-color) 0%);
}
.wavyline-casual {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color :var(--default-casual-color);
}

.dark-regular-base-color { background: var(--dark-regular-color); }
.dark-regular-text-color { color: var(--dark-regular-color); }
.dark-regular-divider-color { border: 0.1rem solid var(--dark-regular-color); }
.default-regular-base-color { background: var(--default-regular-color); }
.default-regular-text-color { color: var(--default-regular-color); }
.default-regular-divider-color { border: 0.1rem solid var(--default-regular-color); }
.light-regular-base-color { background: var(--light-regular-color); }
.light-regular-text-color { color: var(--light-regular-color); }
.light-regular-divider-color { border: 0.1rem solid var(--light-regular-color); }
.thin-regular-base-color { background: var(--thin-regular-color); }
.thin-regular-text-color { color: var(--thin-regular-color); }
.thin-regular-divider-color { border: 0.1rem solid var(--thin-regular-color); }
.underline-regular {
  background:linear-gradient(transparent 70%, var(--default-regular-color) 0%);
}
.wavyline-regular {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color :var(--default-regular-color);
}

.dark-primary-base-color { background: var(--dark-primary-color); }
.dark-primary-text-color { color: var(--dark-primary-color); }
.dark-primary-divider-color { border: 0.1rem solid var(--dark-primary-color); }
.default-primary-base-color { background: var(--default-primary-color); }
.default-primary-text-color { color: var(--default-primary-color); }
.default-primary-divider-color { border: 0.1rem solid var(--default-primary-color); }
.light-primary-base-color { background: var(--light-primary-color); }
.light-primary-text-color { color: var(--light-primary-color); }
.light-primary-divider-color { border: 0.1rem solid var(--light-primary-color); }
.thin-primary-base-color { background: var(--thin-primary-color); }
.thin-primary-text-color { color: var(--thin-primary-color); }
.thin-primary-divider-color { border: 0.1rem solid var(--thin-primary-color); }
.underline-primary {
  background:linear-gradient(transparent 70%, var(--default-primary-color) 0%);
}
.wavyline-primary {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color :var(--default-primary-color);
}

.dark-secondary-base-color { background: var(--dark-secondary-color); }
.dark-secondary-text-color { color: var(--dark-secondary-color); }
.dark-secondary-divider-color { border: 0.1rem solid var(--dark-secondary-color); }
.default-secondary-base-color { background: var(--default-secondary-color); }
.default-secondary-text-color { color: var(--default-secondary-color); }
.default-secondary-divider-color { border: 0.1rem solid var(--default-secondary-color); }
.light-secondary-base-color { background: var(--light-secondary-color); }
.light-secondary-text-color { color: var(--light-secondary-color); }
.light-secondary-divider-color { border: 0.1rem solid var(--light-secondary-color); }
.thin-secondary-base-color { background: var(--thin-secondary-color); }
.thin-secondary-text-color { color: var(--thin-secondary-color); }
.thin-secondary-divider-color { border: 0.1rem solid var(--thin-secondary-color); }
.underline-secondary {
  background:linear-gradient(transparent 70%, var(--default-secondary-color) 0%);
}
.wavyline-secondary {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color :var(--default-secondary-color);
}

.dark-tertiary-base-color { background: var(--dark-tertiary-color); }
.dark-tertiary-text-color { color: var(--dark-tertiary-color); }
.dark-tertiary-divider-color { border: 0.1rem solid var(--dark-tertiary-color); }
.default-tertiary-base-color { background: var(--default-tertiary-color); }
.default-tertiary-text-color { color: var(--default-tertiary-color); }
.default-tertiary-divider-color { border: 0.1rem solid var(--default-tertiary-color); }
.light-tertiary-base-color { background: var(--light-tertiary-color); }
.light-tertiary-text-color { color: var(--light-tertiary-color); }
.light-tertiary-divider-color { border: 0.1rem solid var(--light-tertiary-color); }
.thin-tertiary-base-color { background: var(--thin-tertiary-color); }
.thin-tertiary-text-color { color: var(--thin-tertiary-color); }
.thin-tertiary-divider-color { border: 0.1rem solid var(--thin-tertiary-color); }
.underline-tertiary {
  background:linear-gradient(transparent 70%, var(--default-tertiary-color) 0%);
}
.wavyline-tertiary {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color :var(--default-tertiary-color);
}

.dark-accent-base-color { background: var(--dark-accent-color); }
.dark-accent-text-color { color: var(--dark-accent-color); }
.dark-accent-divider-color { border: 0.1rem solid var(--dark-accent-color); }
.default-accent-base-color { background: var(--default-accent-color); }
.default-accent-text-color { color: var(--default-accent-color); }
.default-accent-divider-color { border: 0.1rem solid var(--default-accent-color); }
.light-accent-base-color { background: var(--light-accent-color); }
.light-accent-text-color { color: var(--light-accent-color); }
.light-accent-divider-color { border: 0.1rem solid var(--light-accent-color); }
.thin-accent-base-color { background: var(--thin-accent-color); }
.thin-accent-text-color { color: var(--thin-accent-color); }
.thin-accent-divider-color { border: 0.1rem solid var(--thin-accent-color); }
.underline-accent {
  background:linear-gradient(transparent 70%, var(--default-accent-color) 0%);
}
.wavyline-accent {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color :var(--default-accent-color);
}

.dark-features-base-color { background: var(--dark-features-color); }
.dark-features-text-color { color: var(--dark-features-color); }
.dark-features-divider-color { border: 0.1rem solid var(--dark-features-color); }
.default-features-base-color { background: var(--default-features-color); }
.default-features-text-color { color: var(--default-features-color); }
.default-features-divider-color { border: 0.1rem solid var(--default-features-color); }
.light-features-base-color { background: var(--light-features-color); }
.light-features-text-color { color: var(--light-features-color); }
.light-features-divider-color { border: 0.1rem solid var(--light-features-color); }
.thin-features-base-color { background: var(--thin-features-color); }
.thin-features-text-color { color: var(--thin-features-color); }
.thin-features-divider-color { border: 0.1rem solid var(--thin-features-color); }
.underline-features {
  background:linear-gradient(transparent 70%, var(--default-features-color) 0%);
}
.wavyline-features {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color :var(--default-features-color);
}

.dark-grey1-base-color { background: var(--dark-grey1-color); }
.dark-grey1-text-color { color: var(--dark-grey1-color); }
.dark-grey1-divider-color { border: 0.1rem solid var(--dark-grey1-color); }
.default-grey1-base-color { background: var(--default-grey1-color); }
.default-grey1-text-color { color: var(--default-grey1-color); }
.default-grey1-divider-color { border: 0.1rem solid var(--default-grey1-color); }
.light-grey1-base-color { background: var(--light-grey1-color); }
.light-grey1-text-color { color: var(--light-grey1-color); }
.light-grey1-divider-color { border: 0.1rem solid var(--light-grey1-color); }
.thin-grey1-base-color { background: var(--thin-grey1-color); }
.thin-grey1-text-color { color: var(--thin-grey1-color); }
.thin-grey1-divider-color { border: 0.1rem solid var(--thin-grey1-color); }
.underline-grey1 {
  background:linear-gradient(transparent 70%, var(--default-grey1-color) 0%);
}
.wavyline-grey1 {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color :var(--default-grey1-color);
}

.dark-grey2-base-color { background: var(--dark-grey2-color); }
.dark-grey2-text-color { color: var(--dark-grey2-color); }
.dark-grey2-divider-color { border: 0.1rem solid var(--dark-grey2-color); }
.default-grey2-base-color { background: var(--default-grey2-color); }
.default-grey2-text-color { color: var(--default-grey2-color); }
.default-grey2-divider-color { border: 0.1rem solid var(--default-grey2-color); }
.light-grey2-base-color { background: var(--light-grey2-color); }
.light-grey2-text-color { color: var(--light-grey2-color); }
.light-grey2-divider-color { border: 0.1rem solid var(--light-grey2-color); }
.thin-grey2-base-color { background: var(--thin-grey2-color); }
.thin-grey2-text-color { color: var(--thin-grey2-color); }
.thin-grey2-divider-color { border: 0.1rem solid var(--thin-grey2-color); }
.underline-grey2 {
  background:linear-gradient(transparent 70%, var(--default-grey2-color) 0%);
}
.wavyline-grey2 {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color :var(--default-grey2-color);
}