/* Generated by tools/build-tokens.py from tokens. Do not edit by hand. */
:root {
  --sk-cream: #FFF6E8;
  --sk-paper: #FFFDF8;
  --sk-paper-deep: #FFF0D7;
  --sk-ink: #292938;
  --sk-muted: #706F83;
  --sk-night: #1A1A2E;
  --sk-night-surface: #2D2D44;
  --sk-night-glow: #E0C3FC;
  --sk-line: rgba(41, 41, 56, 0.1);
  --sk-shadow: rgba(41, 41, 56, 0.12);
  --sk-sun: #FFD83D;
  --sk-sunshine: #FFC23D;
  --sk-red: #F1241E;
  --sk-pop: #3FA9F5;
  --sk-sky: #78C9FF;
  --sk-purple: #BE8EE8;
  --sk-pink: #FF8CAF;
  --sk-orange: #FF9D4D;
  --sk-green: #7DCA72;
  --sk-indigo: #778EFA;
  --sk-happy: #FFD93D;
  --sk-sad: #6EC6FF;
  --sk-angry: #FF6B6B;
  --sk-scared: #C17BDB;
  --sk-overwhelmed: #FF9F43;
  --sk-calm: #7BC67E;
  --sk-excited: #FF6B9D;
  --sk-unsure: #A8D8EA;
}

/* Color a control: add one of these classes (sk-pop, sk-sun, sk-happy ...). */
.sk-sun { --c: #FFD83D; --c-label: #292938; --c-tint: #FFF6D4; --c-wash: #FFFAE8; --c-band: #FFF3C5; --c-track: #FFFBEC; --c-stroke: rgba(255, 216, 61, 0.6); --c-edge: rgba(255, 216, 61, 0.42); --c-shadow: rgba(255, 216, 61, 0.32); }
.sk-sunshine { --c: #FFC23D; --c-label: #292938; --c-tint: #FFF2D4; --c-wash: #FFF8E8; --c-band: #FFEDC5; --c-track: #FFF9EC; --c-stroke: rgba(255, 194, 61, 0.6); --c-edge: rgba(255, 194, 61, 0.42); --c-shadow: rgba(255, 194, 61, 0.32); }
.sk-red { --c: #F1241E; --c-label: #FFFFFF; --c-tint: #FCCFCE; --c-wash: #FDE5E4; --c-band: #FBBDBC; --c-track: #FEE9E8; --c-stroke: rgba(241, 36, 30, 0.6); --c-edge: rgba(241, 36, 30, 0.42); --c-shadow: rgba(241, 36, 30, 0.32); }
.sk-pop { --c: #3FA9F5; --c-label: #FFFFFF; --c-tint: #D5ECFD; --c-wash: #E8F5FE; --c-band: #C5E5FC; --c-track: #ECF6FE; --c-stroke: rgba(63, 169, 245, 0.6); --c-edge: rgba(63, 169, 245, 0.42); --c-shadow: rgba(63, 169, 245, 0.32); }
.sk-sky { --c: #78C9FF; --c-label: #292938; --c-tint: #E1F3FF; --c-wash: #EFF9FF; --c-band: #D6EFFF; --c-track: #F2FAFF; --c-stroke: rgba(120, 201, 255, 0.6); --c-edge: rgba(120, 201, 255, 0.42); --c-shadow: rgba(120, 201, 255, 0.32); }
.sk-purple { --c: #BE8EE8; --c-label: #FFFFFF; --c-tint: #F1E6FA; --c-wash: #F7F1FC; --c-band: #ECDDF8; --c-track: #F8F4FD; --c-stroke: rgba(190, 142, 232, 0.6); --c-edge: rgba(190, 142, 232, 0.42); --c-shadow: rgba(190, 142, 232, 0.32); }
.sk-pink { --c: #FF8CAF; --c-label: #292938; --c-tint: #FFE6ED; --c-wash: #FFF1F5; --c-band: #FFDCE7; --c-track: #FFF4F7; --c-stroke: rgba(255, 140, 175, 0.6); --c-edge: rgba(255, 140, 175, 0.42); --c-shadow: rgba(255, 140, 175, 0.32); }
.sk-orange { --c: #FF9D4D; --c-label: #292938; --c-tint: #FFE9D8; --c-wash: #FFF3EA; --c-band: #FFE2CA; --c-track: #FFF5ED; --c-stroke: rgba(255, 157, 77, 0.6); --c-edge: rgba(255, 157, 77, 0.42); --c-shadow: rgba(255, 157, 77, 0.32); }
.sk-green { --c: #7DCA72; --c-label: #292938; --c-tint: #E2F3E0; --c-wash: #EFF9EE; --c-band: #D8EFD5; --c-track: #F2FAF1; --c-stroke: rgba(125, 202, 114, 0.6); --c-edge: rgba(125, 202, 114, 0.42); --c-shadow: rgba(125, 202, 114, 0.32); }
.sk-indigo { --c: #778EFA; --c-label: #FFFFFF; --c-tint: #E1E6FE; --c-wash: #EFF1FE; --c-band: #D6DDFE; --c-track: #F1F4FE; --c-stroke: rgba(119, 142, 250, 0.6); --c-edge: rgba(119, 142, 250, 0.42); --c-shadow: rgba(119, 142, 250, 0.32); }
.sk-happy { --c: #FFD93D; --c-label: #292938; --c-tint: #FFF7D4; --c-wash: #FFFAE8; --c-band: #FFF4C5; --c-track: #FFFBEC; --c-stroke: rgba(255, 217, 61, 0.6); --c-edge: rgba(255, 217, 61, 0.42); --c-shadow: rgba(255, 217, 61, 0.32); }
.sk-sad { --c: #6EC6FF; --c-label: #292938; --c-tint: #DFF2FF; --c-wash: #EEF8FF; --c-band: #D4EEFF; --c-track: #F0F9FF; --c-stroke: rgba(110, 198, 255, 0.6); --c-edge: rgba(110, 198, 255, 0.42); --c-shadow: rgba(110, 198, 255, 0.32); }
.sk-angry { --c: #FF6B6B; --c-label: #FFFFFF; --c-tint: #FFDEDE; --c-wash: #FFEDED; --c-band: #FFD3D3; --c-track: #FFF0F0; --c-stroke: rgba(255, 107, 107, 0.6); --c-edge: rgba(255, 107, 107, 0.42); --c-shadow: rgba(255, 107, 107, 0.32); }
.sk-scared { --c: #C17BDB; --c-label: #FFFFFF; --c-tint: #F1E2F7; --c-wash: #F8EFFB; --c-band: #ECD7F4; --c-track: #F9F2FB; --c-stroke: rgba(193, 123, 219, 0.6); --c-edge: rgba(193, 123, 219, 0.42); --c-shadow: rgba(193, 123, 219, 0.32); }
.sk-overwhelmed { --c: #FF9F43; --c-label: #292938; --c-tint: #FFEAD6; --c-wash: #FFF3E8; --c-band: #FFE2C7; --c-track: #FFF5EC; --c-stroke: rgba(255, 159, 67, 0.6); --c-edge: rgba(255, 159, 67, 0.42); --c-shadow: rgba(255, 159, 67, 0.32); }
.sk-calm { --c: #7BC67E; --c-label: #292938; --c-tint: #E2F2E3; --c-wash: #EFF8F0; --c-band: #D7EED8; --c-track: #F2F9F2; --c-stroke: rgba(123, 198, 126, 0.6); --c-edge: rgba(123, 198, 126, 0.42); --c-shadow: rgba(123, 198, 126, 0.32); }
.sk-excited { --c: #FF6B9D; --c-label: #FFFFFF; --c-tint: #FFDEE9; --c-wash: #FFEDF3; --c-band: #FFD3E2; --c-track: #FFF0F5; --c-stroke: rgba(255, 107, 157, 0.6); --c-edge: rgba(255, 107, 157, 0.42); --c-shadow: rgba(255, 107, 157, 0.32); }
.sk-unsure { --c: #A8D8EA; --c-label: #292938; --c-tint: #ECF6FA; --c-wash: #F5FAFC; --c-band: #E5F3F9; --c-track: #F6FBFD; --c-stroke: rgba(168, 216, 234, 0.6); --c-edge: rgba(168, 216, 234, 0.42); --c-shadow: rgba(168, 216, 234, 0.32); }