:root {
  --black-white: var(--black);
  --black-white-trans-10: var(--black-trans-10);
  --black-white-trans-20: var(--black-trans-20);
  --black-white-trans-40: var(--black-trans-40);
  --black-white-trans-60: var(--black-trans-60);
  --black-white-trans-80: var(--black-trans-80);
  --black-white-trans-90: var(--black-trans-90);
  --shade-ultra-dark-light: var(--shade-ultra-dark);
  --shade-dark-light: var(--shade-dark);
  --shade-light-dark: var(--shade-light);
  --shade-ultra-light-dark: var(--shade-ultra-light);
  --white-black: var(--white);
  --white-black-trans-10: var(--white-trans-10);
  --white-black-trans-20: var(--white-trans-20);
  --white-black-trans-40: var(--white-trans-40);
  --white-black-trans-60: var(--white-trans-60);
  --white-black-trans-80: var(--white-trans-80);
  --white-black-trans-90: var(--white-trans-90);
  --base-ultra-dark-light: var(--base-ultra-dark);
  --base-ultra-light-dark: var(--base-ultra-light);
}
@media (prefers-color-scheme: dark) {
  :root {
    --black-white: var(--white);
    --black-white-trans-10: var(--white-trans-10);
    --black-white-trans-20: var(--white-trans-20);
    --black-white-trans-40: var(--white-trans-40);
    --black-white-trans-60: var(--white-trans-60);
    --black-white-trans-80: var(--white-trans-80);
    --black-white-trans-90: var(--white-trans-90);
    --shade-ultra-dark-light: var(--shade-ultra-light);
    --shade-dark-light: var(--shade-light);
    --shade-light-dark: var(--shade-dark);
    --shade-ultra-light-dark: var(--shade-ultra-dark);
    --white-black: var(--black);
    --white-black-trans-10: var(--black-trans-10);
    --white-black-trans-20: var(--black-trans-20);
    --white-black-trans-40: var(--black-trans-40);
    --white-black-trans-60: var(--black-trans-60);
    --white-black-trans-80: var(--black-trans-80);
    --white-black-trans-90: var(--black-trans-90);
    --base-ultra-dark-light: var(--base-ultra-light);
    --base-ultra-light-dark: var(--base-ultra-dark);
  }
}
body {
  background-color: var(--shade-ultra-light-dark);
  color: var(--black-white);
}
.bg--black-white {
  background-color: var(--black-white);
}
.bg--black-white-trans-10 {
  background-color: var(--black-white-trans-10);
}
.bg--black-white-trans-20 {
  background-color: var(--black-white-trans-20);
}
.bg--black-white-trans-40 {
  background-color: var(--black-white-trans-40);
}
.bg--black-white-trans-60 {
  background-color: var(--black-white-trans-60);
}
.bg--black-white-trans-80 {
  background-color: var(--black-white-trans-80);
}
.bg--black-white-trans-90 {
  background-color: var(--black-white-trans-90);
}
.bg--shade-ultra-dark-light {
  background-color: var(--shade-ultra-dark-light);
}
.bg--shade-dark-light {
  background-color: var(--shade-dark-light);
}
.bg--shade-light-dark {
  background-color: var(--shade-light-dark);
}
.bg--shade-ultra-light-dark {
  background-color: var(--shade-ultra-light-dark);
}
.bg--white-black {
  background-color: var(--white-black);
}
.bg--white-black-trans-10 {
  background-color: var(--white-black-trans-10);
}
.bg--white-black-trans-20 {
  background-color: var(--white-black-trans-20);
}
.bg--white-black-trans-40 {
  background-color: var(--white-black-trans-40);
}
.bg--white-black-trans-60 {
  background-color: var(--white-black-trans-60);
}
.bg--white-black-trans-80 {
  background-color: var(--white-black-trans-80);
}
.bg--white-black-trans-90 {
  background-color: var(--white-black-trans-90);
}
.black-white {
  color: var(--black-white);
}
.black-white-trans-10 {
  color: var(--black-white-trans-10);
}
.black-white-trans-20 {
  color: var(--black-white-trans-20);
}
.black-white-trans-40 {
  color: var(--black-white-trans-40);
}
.black-white-trans-60 {
  color: var(--black-white-trans-60);
}
.black-white-trans-80 {
  color: var(--black-white-trans-80);
}
.black-white-trans-90 {
  color: var(--black-white-trans-90);
}
.shade-ultra-dark-light {
  color: var(--shade-ultra-dark-light);
}
.shade-dark-light {
  color: var(--shade-dark-light);
}
.shade-light-dark {
  color: var(--shade-light-dark);
}
.shade-ultra-light-dark {
  color: var(--shade-ultra-light-dark);
}
.white-black {
  color: var(--white-black);
}
.white-black-trans-10 {
  color: var(--white-black-trans-10);
}
.white-black-trans-20 {
  color: var(--white-black-trans-20);
}
.white-black-trans-40 {
  color: var(--white-black-trans-40);
}
.white-black-trans-60 {
  color: var(--white-black-trans-60);
}
.white-black-trans-80 {
  color: var(--white-black-trans-80);
}
.white-black-trans-90 {
  color: var(--white-black-trans-90);
}