.prim-font-color {
  color: #00436b; }

.prim-dark-font-color {
  color: #143143; }

.comp-font-color {
  color: #6b2800; }

.comp-dark-font-color {
  color: #49240e; }

.comp-accent-font-color {
  color: #6b5e00; }

.comp-accent-font-color {
  color: #6b5e00; }

.comp-accent-dark-font-color {
  color: #4d490a; }

.prim-color-bg {
  background-color: #00a0ff; }

.comp-color-bg {
  background-color: #ff5f00; }

.comp-color-accent-bg {
  background-color: #ffdf00; }

.prim-mixed-mixed-bg {
  background-color: #98aab3; }

.prim-tint-bg {
  background-color: #3b91c4; }

.comp-mixed-mixed-bg {
  background-color: #b8a194; }

.comp-tint-bg {
  background-color: #d66a29; }

.prim-tint-light-bg {
  background-color: adjust-saturation(#bcdaeb, -4%); }

.comp-tint-light-bg {
  background-color: adjust-saturation(#f1ccb6, -8%); }

.prim-tint-dark-bg {
  background-color: adjust-saturation(adjust-lightness(#3b91c4, -32%), -4%); }

.comp-tint-dark-bg {
  background-color: adjust-saturation(adjust-lightness(#d66a29, -32%), -8%); }

.prim-mixed-bg {
  background-color: #3b91c4; }

.comp-mixed-bg {
  background-color: #d66a29; }

.prim-neutral-bg {
  background-color: #5b89a4; }

.comp-neutral-bg {
  background-color: #ae7451; }

.prim-neutral-light-bg {
  background-color: #8cacbf; }

.comp-neutral-light-bg {
  background-color: #c69e85; }

.prim-neutral-dark-bg {
  background-color: #1d2c34; }

.comp-neutral-dark-bg {
  background-color: #38251a; }

.left-analogue-bg {
  background-color: #00ffdf; }

.right-analogue-bg {
  background-color: #0020ff; }

.left-mixed-bg {
  background-color: #3bdaab; }

.right-mixed-bg {
  background-color: #3b2fc4; }

.left-neutral-bg {
  background-color: #60b59c; }

.right-neutral-bg {
  background-color: #625d96; }

.left-neutral-light-bg {
  background-color: #94cdbd; }

.right-neutral-light-bg {
  background-color: #8d89b6; }

.left-neutral-dark-bg {
  background-color: #21473c; }

.right-neutral-dark-bg {
  background-color: #1c1b2b; }

.left-tint-bg {
  background-color: #6ecdb1; }

.right-mixed-mixed-bg {
  background-color: #9998a8; }

.right-tint-bg {
  background-color: #6a63b6; }

.left-tint-light-bg {
  background-color: #c4e8de; }

.right-tint-light-bg {
  background-color: adjust-saturation(#d8d6ec, -4%); }

.left-tint-dark-bg {
  background-color: adjust-saturation(adjust-lightness(#6ecdb1, -32%), -4%); }

.right-tint-dark-bg {
  background-color: adjust-saturation(adjust-lightness(#6a63b6, -32%), -4%); }

.prim-color {
  color: #00a0ff; }

.comp-color {
  color: #ff5f00; }

.comp-color-accent {
  color: #ffdf00; }

.prim-mixed-mixed {
  color: #98aab3; }

.prim-tint {
  color: #3b91c4; }

.comp-mixed-mixed {
  color: #b8a194; }

.comp-tint {
  color: #d66a29; }

.prim-tint-light {
  color: adjust-saturation(#bcdaeb, -4%); }

.comp-tint-light {
  color: adjust-saturation(#f1ccb6, -8%); }

.prim-tint-dark {
  color: adjust-saturation(adjust-lightness(#3b91c4, -32%), -4%); }

.comp-tint-dark {
  color: adjust-saturation(adjust-lightness(#d66a29, -32%), -8%); }

.prim-mixed {
  color: #3b91c4; }

.comp-mixed {
  color: #d66a29; }

.prim-neutral {
  color: #5b89a4; }

.comp-neutral {
  color: #ae7451; }

.prim-neutral-light {
  color: #8cacbf; }

.comp-neutral-light {
  color: #c69e85; }

.prim-neutral-dark {
  color: #1d2c34; }

.comp-neutral-dark {
  color: #38251a; }

.left-analogue {
  color: #00ffdf; }

.right-analogue {
  color: #0020ff; }

.left-mixed {
  color: #3bdaab; }

.right-mixed {
  color: #3b2fc4; }

.left-neutral {
  color: #60b59c; }

.right-neutral {
  color: #625d96; }

.left-neutral-light {
  color: #94cdbd; }

.right-neutral-light {
  color: #8d89b6; }

.left-neutral-dark {
  color: #21473c; }

.right-neutral-dark {
  color: #1c1b2b; }

.left-tint {
  color: #6ecdb1; }

.right-mixed-mixed {
  color: #9998a8; }

.right-tint {
  color: #6a63b6; }

.left-tint-light {
  color: #c4e8de; }

.right-tint-light {
  color: adjust-saturation(#d8d6ec, -4%); }

.left-tint-dark {
  color: adjust-saturation(adjust-lightness(#6ecdb1, -32%), -4%); }

.right-tint-dark {
  color: adjust-saturation(adjust-lightness(#6a63b6, -32%), -4%); }

.whitish-bg {
  background-color: #fcf8f8; }

.blackish-bg {
  background-color: #2b2b2b; }

.whitish {
  color: #fcf8f8; }

.blackish {
  color: #2b2b2b; }

.black1 {
  background-color: #050505; }

.black2 {
  background-color: #1a1a1a; }

.black3 {
  background-color: #2e2e2e; }

.grey1 {
  background-color: #404040; }

.grey2 {
  background-color: #4d4d4d; }

.grey3 {
  background-color: #595959; }

.ivory1 {
  background-color: #828282; }

.ivory2 {
  background-color: #999999; }

.ivory3 {
  background-color: #b0b0b0; }

.white1 {
  background-color: #c7c7c7; }

.white2 {
  background-color: #e3e3e3; }

.white3 {
  background-color: white; }

.black1-color {
  color: #050505; }

.black2-color {
  color: #1a1a1a; }

.black3-color {
  color: #2e2e2e; }

.grey1-color {
  color: #404040; }

.grey2-color {
  color: #4d4d4d; }

.grey3-color {
  color: #595959; }

.ivory1-color {
  color: #828282; }

.ivory2-color {
  color: #999999; }

.ivory3-color {
  color: #b0b0b0; }

.white1-color {
  color: #c7c7c7; }

.white2-color {
  color: #e3e3e3; }

.white3-color {
  color: white; }

.black1-alt {
  background-color: #050506; }

.black2-alt {
  background-color: #171a1c; }

.black3-alt {
  background-color: #292e32; }

.grey1-alt {
  background-color: #3d4043; }

.grey2-alt {
  background-color: #494d50; }

.grey3-alt {
  background-color: #55595e; }

.ivory1-alt {
  background-color: #88867c; }

.ivory2-alt {
  background-color: #9e9c94; }

.ivory3-alt {
  background-color: #b4b3ac; }

.white1-alt {
  background-color: #cdcbc1; }

.white2-alt {
  background-color: #e6e5e0; }

.white3-alt {
  background-color: white; }

.black1-color-alt {
  color: #050506; }

.black2-color-alt {
  color: #171a1c; }

.black3-color-alt {
  color: #292e32; }

.grey1-color-alt {
  color: #3d4043; }

.grey2-color-alt {
  color: #494d50; }

.grey3-color-alt {
  color: #55595e; }

.ivory1-color-alt {
  color: #88867c; }

.ivory2-color-alt {
  color: #9e9c94; }

.ivory3-color-alt {
  color: #b4b3ac; }

.white1-color-alt {
  color: #cdcbc1; }

.white2-color-alt {
  color: #e6e5e0; }

.white3-color-alt {
  color: white; }

.comp-color-accent-bg {
  background-color: #ffdf00; }

.comp-color-accent-bg {
  background-color: #ffdf00; }

.comp-mixed-mixed-accent-bg {
  background-color: #ccc880; }

.comp-tint-accent-bg {
  background-color: #e3d81c; }

.comp-tint-accent-light-bg {
  background-color: adjust-saturation(#f5f2b2, -8%); }

.comp-tint-accent-dark-bg {
  background-color: adjust-saturation(adjust-lightness(#e3d81c, -32%), -8%); }

.comp-mixed-accent-bg {
  background-color: #e3d81c; }

.comp-neutral-accent-bg {
  background-color: #c9c136; }

.comp-neutral-accent-light-bg {
  background-color: #d9d472; }

.comp-neutral-accent-dark-bg {
  background-color: #403e11; }

.comp-color-accent {
  color: #ffdf00; }

.comp-mixed-mixed-accent {
  color: #ccc880; }

.comp-tint-accent {
  color: #e3d81c; }

.comp-tint-accent-light {
  color: adjust-saturation(#f5f2b2, -8%); }

.comp-tint-accent-dark {
  color: adjust-saturation(adjust-lightness(#e3d81c, -32%), -8%); }

.comp-mixed-accent {
  color: #e3d81c; }

.comp-neutral-accent {
  color: #ae7451; }

.comp-neutral-accent-light {
  color: #d9d472; }

.comp-neutral-accent-dark {
  color: #403e11; }