:root, .light, .light-theme {
  --pink-1: #fffcfe;
  --pink-2: #fef7fb;
  --pink-3: #fee9f5;
  --pink-4: #fbdcef;
  --pink-5: #f6cee7;
  --pink-6: #efbfdd;
  --pink-7: #e7acd0;
  --pink-8: #dd93c2;
  --pink-9: #d6409f;
  --pink-10: #cf3897;
  --pink-11: #c2298a;
  --pink-12: #651249;
  --pink-a1: #ff00aa03;
  --pink-a2: #e0008008;
  --pink-a3: #f4008c16;
  --pink-a4: #e2008b23;
  --pink-a5: #d1008331;
  --pink-a6: #c0007840;
  --pink-a7: #b6006f53;
  --pink-a8: #af006f6c;
  --pink-a9: #c8007fbf;
  --pink-a10: #c2007ac7;
  --pink-a11: #b60074d6;
  --pink-a12: #59003bed;
  --pink-surface: #fef5facc;
  --pink-indicator: var(--pink-9);
  --pink-track: var(--pink-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --pink-1: color(display-p3 .998 .989 .996);
      --pink-2: color(display-p3 .992 .97 .985);
      --pink-3: color(display-p3 .981 .917 .96);
      --pink-4: color(display-p3 .963 .867 .932);
      --pink-5: color(display-p3 .939 .815 .899);
      --pink-6: color(display-p3 .907 .756 .859);
      --pink-7: color(display-p3 .869 .683 .81);
      --pink-8: color(display-p3 .825 .59 .751);
      --pink-9: color(display-p3 .775 .297 .61);
      --pink-10: color(display-p3 .748 .27 .581);
      --pink-11: color(display-p3 .698 .219 .528);
      --pink-12: color(display-p3 .363 .101 .279);
      --pink-a1: color(display-p3 .675 .024 .675 / .012);
      --pink-a2: color(display-p3 .757 .02 .51 / .032);
      --pink-a3: color(display-p3 .765 .008 .529 / .083);
      --pink-a4: color(display-p3 .737 .008 .506 / .134);
      --pink-a5: color(display-p3 .663 .004 .451 / .185);
      --pink-a6: color(display-p3 .616 .004 .424 / .244);
      --pink-a7: color(display-p3 .596 .004 .412 / .318);
      --pink-a8: color(display-p3 .573 .004 .404 / .412);
      --pink-a9: color(display-p3 .682 0 .447 / .702);
      --pink-a10: color(display-p3 .655 0 .424 / .73);
      --pink-a11: color(display-p3 .698 .219 .528);
      --pink-a12: color(display-p3 .363 .101 .279);
      --pink-surface: color(display-p3 .9922 .9608 .9804 / .8);
    }
  }
}

.dark, .dark-theme {
  --pink-1: #191117;
  --pink-2: #21121d;
  --pink-3: #37172f;
  --pink-4: #4b143d;
  --pink-5: #591c47;
  --pink-6: #692955;
  --pink-7: #833869;
  --pink-8: #a84885;
  --pink-9: #d6409f;
  --pink-10: #de51a8;
  --pink-11: #ff8dcc;
  --pink-12: #fdd1ea;
  --pink-a1: #f412bc09;
  --pink-a2: #f420bb12;
  --pink-a3: #fe37cc29;
  --pink-a4: #fc1ec43f;
  --pink-a5: #fd35c24e;
  --pink-a6: #fd51c75f;
  --pink-a7: #fd62c87b;
  --pink-a8: #ff68c8a2;
  --pink-a9: #fe49bcd4;
  --pink-a10: #ff5cc0dc;
  --pink-a11: #ff8dcc;
  --pink-a12: #ffd3ecfd;
  --pink-surface: #31132980;
  --pink-indicator: var(--pink-9);
  --pink-track: var(--pink-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --pink-1: color(display-p3 .093 .068 .089);
      --pink-2: color(display-p3 .121 .073 .11);
      --pink-3: color(display-p3 .198 .098 .179);
      --pink-4: color(display-p3 .271 .095 .231);
      --pink-5: color(display-p3 .32 .127 .273);
      --pink-6: color(display-p3 .382 .177 .326);
      --pink-7: color(display-p3 .477 .238 .405);
      --pink-8: color(display-p3 .612 .304 .51);
      --pink-9: color(display-p3 .775 .297 .61);
      --pink-10: color(display-p3 .808 .356 .645);
      --pink-11: color(display-p3 1 .535 .78);
      --pink-12: color(display-p3 .964 .826 .912);
      --pink-a1: color(display-p3 .984 .071 .855 / .03);
      --pink-a2: color(display-p3 1 .2 .8 / .059);
      --pink-a3: color(display-p3 1 .294 .886 / .139);
      --pink-a4: color(display-p3 1 .192 .82 / .219);
      --pink-a5: color(display-p3 1 .282 .827 / .274);
      --pink-a6: color(display-p3 1 .396 .835 / .337);
      --pink-a7: color(display-p3 1 .459 .831 / .442);
      --pink-a8: color(display-p3 1 .478 .827 / .585);
      --pink-a9: color(display-p3 1 .373 .784 / .761);
      --pink-a10: color(display-p3 1 .435 .792 / .795);
      --pink-a11: color(display-p3 1 .535 .78);
      --pink-a12: color(display-p3 .964 .826 .912);
      --pink-surface: color(display-p3 .1725 .0784 .149 / .5);
    }
  }
}

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