:root,
body.path-user,
body.path-shop,
body.black {
  --primary-color: #fff;
  --secondary-color: #000;
  --tertiary-color: #222;
  --quaternary-color: #f5f5f5;
  --sidebar: rgba(30, 30, 30, 0.6);
  --white-overlay: rgba(255, 255, 255, 0.5);
  --black-overlay: rgba(0, 0, 0, 0.5);
  --step0: #404040;
  --step1: #333333;
  --step2: #262626;
  --step3: #1a1a1a;
  --step4: black;
  --step0-done: #bfbfbf;
  --step1-done: #cccccc;
  --step2-done: #d9d9d9;
  --step3-done: #e5e5e5;
  --step4-done: #ffffff;
  --anon-step0: #404040;
  --anon-step1: #343434;
  --anon-step2: #282828;
  --anon-step3: #1c1c1c;
  --anon-step4: #101010;
  --anon-step5: #000000;
  --anon-step0-done: #bfbfbf;
  --anon-step1-done: #cccccc;
  --anon-step2-done: #d9d9d9;
  --anon-step3-done: #e6e6e6;
  --anon-step4-done: #f2f2f2;
  --anon-step5-done: #ffffff;
  --section-white-bg: #000;
  --section-white-txt: #fff;
  --section-black-bg: #fff;
  --section-black-txt: #000;
  --btnbg1: #f5f5f5;
  --btnbg1h: #eee;
  --btntxt1: #000;
  --btnbg2: #000;
  --btnbg2h: #333;
  --btntxt2: #fff;
  --link: #eee;
  --linkh: #fff;
  --txt1: #fff;
  --txt2: #000;
  --pattern: url("../images/THATSCHU-web-pattern-black.png");
  --pattern-off: url("../images/THATSCHU-web-pattern-off-black.png");
  --angle-top-primary: url("../images/TC-angle-top-white.png");
  --angle-top-secondary: url("../images/TC-angle-top-black.png");
  --angle-top-tertiary: url("../images/TC-angle-top-off-black.png");
  --angle-bottom-primary: url("../images/TC-angle-bottom-white.png");
  --angle-bottom-secondary: url("../images/TC-angle-bottom-black.png");
  --angle-bottom-tertiary: url("../images/TC-angle-bottom-off-black.png");
  --next: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  --prev: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

body.white {
  --primary-color: #000;
  --secondary-color: #fff;
  --tertiary-color: #f5f5f5;
  --quaternary-color: #111;
  --sidebar: rgba(225, 225, 225, 0.6);
  --white-overlay: rgba(0, 0, 0, 0.5);
  --black-overlay: rgba(255, 255, 255, 0.5);
  --step0: #bfbfbf;
  --step1: #cccccc;
  --step2: #d9d9d9;
  --step3: #e5e5e5;
  --step4: #ffffff;
  --step0-done: #404040;
  --step1-done: #333333;
  --step2-done: #262626;
  --step3-done: #1a1a1a;
  --step4-done: black;
  --section-white-bg: #fff;
  --section-white-txt: #000;
  --section-black-bg: #000;
  --section-black-txt: #020101;
  --section-white-link: #eee;
  --section-white-link: #fff;
  --section-black-link: #333;
  --section-black-link: #000;
  --btnbg1: #000;
  --btnbg1h: #333;
  --btntxt1: #fff;
  --btnbg2: #f5f5f5;
  --btnbg2h: #eee;
  --btntxt2: #000;
  --link: #333;
  --linkh: #000;
  --txt1: #000;
  --txt2: #fff;
  --pattern: url("../images/THATSCHU-web-pattern-white.png");
  --pattern-off: url("../images/THATSCHU-web-pattern-off-white.png");
  --angle-top-primary: url("../images/TC-angle-top-black.png");
  --angle-top-secondary: url("../images/TC-angle-top-white.png");
  --angle-top-tertiary: url("../images/TC-angle-top-off-white.png");
  --angle-bottom-primary: url("../images/TC-angle-bottom-black.png");
  --angle-bottom-secondary: url("../images/TC-angle-bottom-white.png");
  --angle-bottom-tertiary: url("../images/TC-angle-bottom-off-white.png");
  --next: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  --prev: linear-gradient(
    to right,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}/*# sourceMappingURL=colors.css.map */