:root, .light, .light-theme {
  --crimson-1: #fffcfd;
  --crimson-2: #fef7f9;
  --crimson-3: #ffe9f0;
  --crimson-4: #fedce7;
  --crimson-5: #facedd;
  --crimson-6: #f3bed1;
  --crimson-7: #eaacc3;
  --crimson-8: #e093b2;
  --crimson-9: #e93d82;
  --crimson-10: #df3478;
  --crimson-11: #cb1d63;
  --crimson-12: #621639;
  --crimson-a1: #ff005503;
  --crimson-a2: #e0004008;
  --crimson-a3: #ff005216;
  --crimson-a4: #f8005123;
  --crimson-a5: #e5004f31;
  --crimson-a6: #d0004b41;
  --crimson-a7: #bf004753;
  --crimson-a8: #b6004a6c;
  --crimson-a9: #e2005bc2;
  --crimson-a10: #d70056cb;
  --crimson-a11: #c4004fe2;
  --crimson-a12: #530026e9;
  --crimson-surface: #fef5f8cc;
  --crimson-indicator: var(--crimson-9);
  --crimson-track: var(--crimson-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --crimson-1: color(display-p3 .998 .989 .992);
      --crimson-2: color(display-p3 .991 .969 .976);
      --crimson-3: color(display-p3 .987 .917 .941);
      --crimson-4: color(display-p3 .975 .866 .904);
      --crimson-5: color(display-p3 .953 .813 .864);
      --crimson-6: color(display-p3 .921 .755 .817);
      --crimson-7: color(display-p3 .88 .683 .761);
      --crimson-8: color(display-p3 .834 .592 .694);
      --crimson-9: color(display-p3 .843 .298 .507);
      --crimson-10: color(display-p3 .807 .266 .468);
      --crimson-11: color(display-p3 .731 .195 .388);
      --crimson-12: color(display-p3 .352 .111 .221);
      --crimson-a1: color(display-p3 .675 .024 .349 / .012);
      --crimson-a2: color(display-p3 .757 .02 .267 / .032);
      --crimson-a3: color(display-p3 .859 .008 .294 / .083);
      --crimson-a4: color(display-p3 .827 .008 .298 / .134);
      --crimson-a5: color(display-p3 .753 .008 .275 / .189);
      --crimson-a6: color(display-p3 .682 .004 .247 / .244);
      --crimson-a7: color(display-p3 .62 .004 .251 / .318);
      --crimson-a8: color(display-p3 .6 .004 .251 / .408);
      --crimson-a9: color(display-p3 .776 0 .298 / .702);
      --crimson-a10: color(display-p3 .737 0 .275 / .734);
      --crimson-a11: color(display-p3 .731 .195 .388);
      --crimson-a12: color(display-p3 .352 .111 .221);
      --crimson-surface: color(display-p3 .9922 .9608 .9725 / .8);
    }
  }
}

.dark, .dark-theme {
  --crimson-1: #191114;
  --crimson-2: #201318;
  --crimson-3: #381525;
  --crimson-4: #4d122f;
  --crimson-5: #5c1839;
  --crimson-6: #6d2545;
  --crimson-7: #873356;
  --crimson-8: #b0436e;
  --crimson-9: #e93d82;
  --crimson-10: #ee518a;
  --crimson-11: #ff92ad;
  --crimson-12: #fdd3e8;
  --crimson-a1: #f4126709;
  --crimson-a2: #f22f7a11;
  --crimson-a3: #fe2a8b2a;
  --crimson-a4: #fd158741;
  --crimson-a5: #fd278f51;
  --crimson-a6: #fe459763;
  --crimson-a7: #fd559b7f;
  --crimson-a8: #fe5b9bab;
  --crimson-a9: #fe418de8;
  --crimson-a10: #ff5693ed;
  --crimson-a11: #ff92ad;
  --crimson-a12: #ffd5eafd;
  --crimson-surface: #2f151f80;
  --crimson-indicator: var(--crimson-9);
  --crimson-track: var(--crimson-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --crimson-1: color(display-p3 .093 .068 .078);
      --crimson-2: color(display-p3 .117 .078 .095);
      --crimson-3: color(display-p3 .203 .091 .143);
      --crimson-4: color(display-p3 .277 .087 .182);
      --crimson-5: color(display-p3 .332 .115 .22);
      --crimson-6: color(display-p3 .394 .162 .268);
      --crimson-7: color(display-p3 .489 .222 .336);
      --crimson-8: color(display-p3 .638 .289 .429);
      --crimson-9: color(display-p3 .843 .298 .507);
      --crimson-10: color(display-p3 .864 .364 .539);
      --crimson-11: color(display-p3 1 .56 .66);
      --crimson-12: color(display-p3 .966 .834 .906);
      --crimson-a1: color(display-p3 .984 .071 .463 / .03);
      --crimson-a2: color(display-p3 .996 .282 .569 / .055);
      --crimson-a3: color(display-p3 .996 .227 .573 / .148);
      --crimson-a4: color(display-p3 1 .157 .569 / .227);
      --crimson-a5: color(display-p3 1 .231 .604 / .286);
      --crimson-a6: color(display-p3 1 .337 .643 / .349);
      --crimson-a7: color(display-p3 1 .416 .663 / .454);
      --crimson-a8: color(display-p3 .996 .427 .651 / .614);
      --crimson-a9: color(display-p3 1 .345 .596 / .832);
      --crimson-a10: color(display-p3 1 .42 .62 / .853);
      --crimson-a11: color(display-p3 1 .56 .66);
      --crimson-a12: color(display-p3 .966 .834 .906);
      --crimson-surface: color(display-p3 .1647 .0863 .1176 / .5);
    }
  }
}

:root {
  --crimson-contrast: white;
}