.dark, .dark-theme {
  --violet-1: #0f0f1d;
  --violet-2: #151529;
  --violet-3: #221e50;
  --violet-4: #2d2171;
  --violet-5: #362a82;
  --violet-6: #403591;
  --violet-7: #4c42a7;
  --violet-8: #5c4fc7;
  --violet-9: #6e54ff;
  --violet-10: #6344ef;
  --violet-11: #aaa9ff;
  --violet-12: #dcdfff;

  --violet-a1: #0000fd0d;
  --violet-a2: #3939fd1a;
  --violet-a3: #5142fe44;
  --violet-a4: #5739ff67;
  --violet-a5: #5f46fd7a;
  --violet-a6: #6854fe8a;
  --violet-a7: #6f5fffa1;
  --violet-a8: #7362ffc3;
  --violet-a9: #6e54ff;
  --violet-a10: #6948ffee;
  --violet-a11: #aaa9ff;
  --violet-a12: #dcdfff;

  --violet-contrast: #fff;
  --violet-surface: #19194180;
  --violet-indicator: #6e54ff;
  --violet-track: #6e54ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --violet-1: oklch(17.8% 0.0291 282.7);
      --violet-2: oklch(20.6% 0.0387 282.7);
      --violet-3: oklch(27.1% 0.0895 282.7);
      --violet-4: oklch(31.7% 0.1321 282.7);
      --violet-5: oklch(35.7% 0.1415 282.7);
      --violet-6: oklch(39.8% 0.145 282.7);
      --violet-7: oklch(44.7% 0.1561 282.7);
      --violet-8: oklch(50.8% 0.1801 282.7);
      --violet-9: oklch(57.6% 0.2406 282.7);
      --violet-10: oklch(53.2% 0.2406 282.7);
      --violet-11: oklch(77.6% 0.173 282.7);
      --violet-12: oklch(91.4% 0.0555 282.7);

      --violet-a1: color(display-p3 0 0 0.9882 / 0.047);
      --violet-a2: color(display-p3 0.2314 0.2314 1 / 0.097);
      --violet-a3: color(display-p3 0.3176 0.2706 0.9961 / 0.253);
      --violet-a4: color(display-p3 0.3333 0.2314 1 / 0.387);
      --violet-a5: color(display-p3 0.3725 0.2863 1 / 0.454);
      --violet-a6: color(display-p3 0.4118 0.3412 1 / 0.517);
      --violet-a7: color(display-p3 0.4353 0.3843 0.9961 / 0.606);
      --violet-a8: color(display-p3 0.4588 0.4 1 / 0.736);
      --violet-a9: color(display-p3 0.4275 0.3412 0.9961 / 0.963);
      --violet-a10: color(display-p3 0.4039 0.2941 1 / 0.895);
      --violet-a11: color(display-p3 0.6824 0.6784 1 / 0.975);
      --violet-a12: color(display-p3 0.8784 0.8863 1 / 0.988);

      --violet-contrast: #fff;
      --violet-surface: color(display-p3 0.0941 0.0941 0.2353 / 0.5);
      --violet-indicator: oklch(57.6% 0.2406 282.7);
      --violet-track: oklch(57.6% 0.2406 282.7);
    }
  }
}