:root, .light, .light-theme {
  --plum-1: #fefcff;
  --plum-2: #fdf7fd;
  --plum-3: #fbebfb;
  --plum-4: #f7def8;
  --plum-5: #f2d1f3;
  --plum-6: #e9c2ec;
  --plum-7: #deade3;
  --plum-8: #cf91d8;
  --plum-9: #ab4aba;
  --plum-10: #a144af;
  --plum-11: #953ea3;
  --plum-12: #53195d;
  --plum-a1: #aa00ff03;
  --plum-a2: #c000c008;
  --plum-a3: #cc00cc14;
  --plum-a4: #c200c921;
  --plum-a5: #b700bd2e;
  --plum-a6: #a400b03d;
  --plum-a7: #9900a852;
  --plum-a8: #9000a56e;
  --plum-a9: #89009eb5;
  --plum-a10: #7f0092bb;
  --plum-a11: #730086c1;
  --plum-a12: #40004be6;
  --plum-surface: #fdf5fdcc;
  --plum-indicator: var(--plum-9);
  --plum-track: var(--plum-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --plum-1: color(display-p3 .995 .988 .999);
      --plum-2: color(display-p3 .988 .971 .99);
      --plum-3: color(display-p3 .973 .923 .98);
      --plum-4: color(display-p3 .953 .875 .966);
      --plum-5: color(display-p3 .926 .825 .945);
      --plum-6: color(display-p3 .89 .765 .916);
      --plum-7: color(display-p3 .84 .686 .877);
      --plum-8: color(display-p3 .775 .58 .832);
      --plum-9: color(display-p3 .624 .313 .708);
      --plum-10: color(display-p3 .587 .29 .667);
      --plum-11: color(display-p3 .543 .263 .619);
      --plum-12: color(display-p3 .299 .114 .352);
      --plum-a1: color(display-p3 .675 .024 1 / .012);
      --plum-a2: color(display-p3 .58 .024 .58 / .028);
      --plum-a3: color(display-p3 .655 .008 .753 / .079);
      --plum-a4: color(display-p3 .627 .008 .722 / .126);
      --plum-a5: color(display-p3 .58 .004 .69 / .177);
      --plum-a6: color(display-p3 .537 .004 .655 / .236);
      --plum-a7: color(display-p3 .49 .004 .616 / .314);
      --plum-a8: color(display-p3 .471 .004 .6 / .42);
      --plum-a9: color(display-p3 .451 0 .576 / .687);
      --plum-a10: color(display-p3 .42 0 .529 / .71);
      --plum-a11: color(display-p3 .543 .263 .619);
      --plum-a12: color(display-p3 .299 .114 .352);
      --plum-surface: color(display-p3 .9843 .9647 .9843 / .8);
    }
  }
}

.dark, .dark-theme {
  --plum-1: #181118;
  --plum-2: #201320;
  --plum-3: #351a35;
  --plum-4: #451d47;
  --plum-5: #512454;
  --plum-6: #5e3061;
  --plum-7: #734079;
  --plum-8: #92549c;
  --plum-9: #ab4aba;
  --plum-10: #b658c4;
  --plum-11: #e796f3;
  --plum-12: #f4d4f4;
  --plum-a1: #f112f108;
  --plum-a2: #f22ff211;
  --plum-a3: #fd4cfd27;
  --plum-a4: #f646ff3a;
  --plum-a5: #f455ff48;
  --plum-a6: #f66dff56;
  --plum-a7: #f07cfd70;
  --plum-a8: #ee84ff95;
  --plum-a9: #e961feb6;
  --plum-a10: #ed70ffc0;
  --plum-a11: #f19cfef3;
  --plum-a12: #feddfef4;
  --plum-surface: #2f152f80;
  --plum-indicator: var(--plum-9);
  --plum-track: var(--plum-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --plum-1: color(display-p3 .09 .068 .092);
      --plum-2: color(display-p3 .118 .077 .121);
      --plum-3: color(display-p3 .192 .105 .202);
      --plum-4: color(display-p3 .25 .121 .271);
      --plum-5: color(display-p3 .293 .152 .319);
      --plum-6: color(display-p3 .343 .198 .372);
      --plum-7: color(display-p3 .424 .262 .461);
      --plum-8: color(display-p3 .54 .341 .595);
      --plum-9: color(display-p3 .624 .313 .708);
      --plum-10: color(display-p3 .666 .365 .748);
      --plum-11: color(display-p3 .86 .602 .933);
      --plum-12: color(display-p3 .936 .836 .949);
      --plum-a1: color(display-p3 .973 .071 .973 / .026);
      --plum-a2: color(display-p3 .933 .267 1 / .059);
      --plum-a3: color(display-p3 .918 .333 .996 / .148);
      --plum-a4: color(display-p3 .91 .318 1 / .219);
      --plum-a5: color(display-p3 .914 .388 1 / .269);
      --plum-a6: color(display-p3 .906 .463 1 / .328);
      --plum-a7: color(display-p3 .906 .529 1 / .425);
      --plum-a8: color(display-p3 .906 .553 1 / .568);
      --plum-a9: color(display-p3 .875 .427 1 / .69);
      --plum-a10: color(display-p3 .886 .471 .996 / .732);
      --plum-a11: color(display-p3 .86 .602 .933);
      --plum-a12: color(display-p3 .936 .836 .949);
      --plum-surface: color(display-p3 .1647 .0863 .1725 / .5);
    }
  }
}

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