:root, .dark, .dark-theme {
  --pink-1: #180e10;
  --pink-2: #221215;
  --pink-3: #3e101c;
  --pink-4: #560321;
  --pink-5: #660729;
  --pink-6: #781735;
  --pink-7: #932646;
  --pink-8: #bf315b;
  --pink-9: #ff006e;
  --pink-10: #f00062;
  --pink-11: #ff8da7;
  --pink-12: #ffd0d8;

  --pink-a1: #f1000008;
  --pink-a2: #f61f4713;
  --pink-a3: #fc0c4b31;
  --pink-a4: #ff00494a;
  --pink-a5: #fd00545c;
  --pink-a6: #fd1f636f;
  --pink-a7: #fe37718c;
  --pink-a8: #fe3c75bb;
  --pink-a9: #ff006e;
  --pink-a10: #ff0068ef;
  --pink-a11: #ff8da7;
  --pink-a12: #ffd0d8;

  --pink-contrast: #fff;
  --pink-surface: #33131980;
  --pink-indicator: #ff006e;
  --pink-track: #ff006e;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --pink-1: oklch(17.8% 0.0173 8.069);
      --pink-2: oklch(20.5% 0.0263 8.069);
      --pink-3: oklch(25.5% 0.0721 8.069);
      --pink-4: oklch(29.2% 0.1139 8.069);
      --pink-5: oklch(33.2% 0.1261 8.069);
      --pink-6: oklch(38.2% 0.1314 8.069);
      --pink-7: oklch(45% 0.145 8.069);
      --pink-8: oklch(54.2% 0.1792 8.069);
      --pink-9: oklch(64.1% 0.2565 8.069);
      --pink-10: oklch(60% 0.2565 8.069);
      --pink-11: oklch(78.7% 0.2018 8.069);
      --pink-12: oklch(90.9% 0.0654 8.069);

      --pink-a1: color(display-p3 0.9608 0 0 / 0.022);
      --pink-a2: color(display-p3 0.9882 0.1922 0.3137 / 0.064);
      --pink-a3: color(display-p3 0.9961 0.1137 0.3255 / 0.169);
      --pink-a4: color(display-p3 0.9961 0.0078 0.3098 / 0.257);
      --pink-a5: color(display-p3 0.9961 0.0902 0.3608 / 0.32);
      --pink-a6: color(display-p3 1 0.2196 0.4392 / 0.391);
      --pink-a7: color(display-p3 1 0.302 0.4941 / 0.496);
      --pink-a8: color(display-p3 0.9961 0.3216 0.5059 / 0.669);
      --pink-a9: color(display-p3 1 0.2157 0.4745 / 0.912);
      --pink-a10: color(display-p3 1 0.2078 0.4471 / 0.853);
      --pink-a11: color(display-p3 1 0.6118 0.6941 / 0.937);
      --pink-a12: color(display-p3 1 0.8471 0.8706 / 0.971);

      --pink-contrast: #fff;
      --pink-surface: color(display-p3 0.1725 0.0784 0.0941 / 0.5);
      --pink-indicator: oklch(64.1% 0.2565 8.069);
      --pink-track: oklch(64.1% 0.2565 8.069);
    }
  }
}