:root {
  color-scheme:dark;
  --crimson:#b40020;
  --red:#ef2446;
  --white:#fff;
  --ink:#100509;
  --bg:#12070c;
  --panel:#1e0c14;
  --panel-raised:#2c101b;
  --text:#fff7fa;
  --muted:#c5aeb8;
  --subtle:#ab8998;
  --line:#ffffff22;
  --line-strong:#ffffff44;
  --positive:#b7ebce;
  --radius:24px;
  --radius-sm:14px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shadow:0 24px 80px #0005;
  --ease:cubic-bezier(.22,.61,.36,1)
}


/* Workshop material, type sizes and scene geometry. */
:root {
  --tone-01: #6a092c55;
  --tone-02: #ffffff07;
  --tone-03: #ffffff13;
  --tone-04: #f77b96;
  --tone-05: #e0cbd4;
  --tone-06: #ffffff03;
  --tone-07: #4d1d30;
  --tone-08: #ffffff1a;
  --tone-09: #8c15443c;
  --tone-10: #26101b;
  --tone-11: #160c12;
  --tone-12: #e5ced8;
  --tone-13: #d36d8d35;
  --tone-14: #d85c8420;
  --tone-15: #33102055;
  --tone-16: #ad003022;
  --tone-17: #0008;
  --tone-18: #b65475;
  --tone-19: #e094aa55;
  --tone-20: #ff7c9d55;
  --tone-21: #8a244380;
  --tone-22: #381021cc;
  --tone-23: #e10b4220;
  --tone-24: #ff8baa12;
  --tone-25: #a52b5280;
  --tone-26: #3b0d1e;
  --tone-27: #5b1b32;
  --tone-28: #290b18;
  --tone-29: #ef2446;
  --tone-30: #9c0b31;
  --tone-31: #ffb8c9;
  --tone-32: #ef244677;
  --tone-33: #ffd2df22;
  --tone-34: #c42650;
  --tone-35: #6f112e;
  --tone-36: #18030d;
  --tone-37: #310c2077;
  --tone-38: #e8bfd0;
  --tone-39: #fff;
  --tone-40: #ffc8d8;
  --tone-41: #e3cbd5;
  --tone-42: #2b1420;
  --tone-43: #210f18;
  --tone-44: #f88da5;
  --tone-45: #d4bbc7;
  --tone-46: #ed658933;
  --tone-47: #af224028;
  --tone-48: #821c3620;
  --tone-49: #d38aa1;
  --tone-50: #dfcbd4;
  --tone-51: #ef244655;
  --tone-52: #63404e;
  --tone-53: #f684a0;
  --tone-54: #ff92ac;
  --tone-55: #ff9cb4;
  --tone-56: #0e070b;
  --tone-57: #dfc2cf;
  --tone-58: #ac708b;
  --tone-59: #ffffff04;
  --tone-60: #d1afbe;
  --tone-61: #ff9eb3;
  --tone-62: #b400201c;
  --tone-63: #547d6416;
  --tone-64: #b4002055;
  --tone-65: #5a122d33;
  --tone-66: #c8446833;
  --tone-67: #f993ae;
  --tone-68: #501a3033;
  --tone-69: #b4002066;
  --tone-70: #e56d8d;
  --tone-71: #111;
  --tone-72: #333;
  --size-3: 3px;
  --size-5: 5px;
  --size-1: 1px;
  --size-10: 10px;
  --size-16: 16px;
  --size-44: 44px;
  --size-neg-100: -100px;
  --size-20: 20px;
  --size-15: 15px;
  --size-1480: 1480px;
  --size-96: 96px;
  --size-116: 116px;
  --size-32: 32px;
  --size-154: 154px;
  --size-12: 12px;
  --size-70: 70px;
  --size-56: 56px;
  --size-7: 7px;
  --size-42: 42px;
  --size-400: 400px;
  --size-4: 4px;
  --size-17: 17px;
  --size-18: 18px;
  --size-9: 9px;
  --size-320: 320px;
  --size-24: 24px;
  --size-26: 26px;
  --size-13: 13px;
  --size-11: 11px;
  --size-34: 34px;
  --size-370: 370px;
  --size-1300: 1300px;
  --size-860: 860px;
  --size-520: 520px;
  --size-neg-430: -430px;
  --size-neg-260: -260px;
  --size-28: 28px;
  --size-40: 40px;
  --size-80: 80px;
  --size-110: 110px;
  --size-88: 88px;
  --size-8: 8px;
  --size-36: 36px;
  --size-30: 30px;
  --size-50: 50px;
  --size-25: 25px;
  --size-55: 55px;
  --size-140: 140px;
  --size-neg-70: -70px;
  --size-2: 2px;
  --size-21: 21px;
  --size-806: 806px;
  --size-14: 14px;
  --size-168: 168px;
  --size-6: 6px;
  --size-38: 38px;
  --size-22: 22px;
  --size-27: 27px;
  --size-37: 37px;
  --size-65: 65px;
  --size-neg-1: -1px;
  --size-45: 45px;
  --size-125: 125px;
  --size-950: 950px;
  --size-72: 72px;
  --size-440: 440px;
  --size-640: 640px;
  --size-90: 90px;
  --size-450: 450px;
  --size-48: 48px;
  --size-310: 310px;
  --size-360: 360px;
  --size-35: 35px;
  --size-600: 600px;
  --size-52: 52px;
  --size-60: 60px;
  --size-130: 130px;
  --size-43: 43px;
  --size-290: 290px;
  --size-23: 23px;
}

:root {
  --graph-perspective: 2200px;
  --graph-flat-tile-height: 120px;
}

:root {
 --station-selected:#60112b;
 --station-workflow:#f2c993;
}