.dark, .dark-theme {
  --violet-1: #081023;
  --violet-2: #0c162e;
  --violet-3: #08205d;
  --violet-4: #07267e;
  --violet-5: #0a2f95;
  --violet-6: #123aa8;
  --violet-7: #1846c0;
  --violet-8: #1c51e1;
  --violet-9: #00f;
  --violet-10: #0500e2;
  --violet-11: #8ab5ff;
  --violet-12: #cce2ff;

  --violet-a1: #0005f714;
  --violet-a2: #0039f920;
  --violet-a3: #003ffd52;
  --violet-a4: #003fff75;
  --violet-a5: #0546fe8e;
  --violet-a6: #1352ffa2;
  --violet-a7: #1b59ffbc;
  --violet-a8: #1e5affdf;
  --violet-a9: #0000ff;
  --violet-a10: #0400ffe0;
  --violet-a11: #8ab5ff;
  --violet-a12: #cce2ff;

  --violet-contrast: #fff;
  --violet-surface: #081b4b80;
  --violet-indicator: #00f;
  --violet-track: #00f;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --violet-1: oklch(17.8% 0.0405 264.1);
      --violet-2: oklch(20.7% 0.0495 264.1);
      --violet-3: oklch(27.1% 0.1136 264.1);
      --violet-4: oklch(31.8% 0.1527 264.1);
      --violet-5: oklch(36.1% 0.1712 264.1);
      --violet-6: oklch(40.4% 0.1812 264.1);
      --violet-7: oklch(45% 0.197 264.1);
      --violet-8: oklch(50.3% 0.2248 264.1);
      --violet-9: oklch(45.2% 0.3132 264.1);
      --violet-10: oklch(39.8% 0.3132 264.1);
      --violet-11: oklch(77.7% 0.202 264.1);
      --violet-12: oklch(91.1% 0.0701 264.1);

      --violet-a1: color(display-p3 0 0.0157 0.9961 / 0.072);
      --violet-a2: color(display-p3 0 0.2392 0.9961 / 0.114);
      --violet-a3: color(display-p3 0.0314 0.251 1 / 0.303);
      --violet-a4: color(display-p3 0.0588 0.2431 1 / 0.437);
      --violet-a5: color(display-p3 0.098 0.2824 1 / 0.53);
      --violet-a6: color(display-p3 0.1412 0.3216 0.9961 / 0.61);
      --violet-a7: color(display-p3 0.1804 0.3569 1 / 0.706);
      --violet-a8: color(display-p3 0.1882 0.3608 1 / 0.841);
      --violet-a9: color(display-p3 0 0 1 / 0.958);
      --violet-a10: color(display-p3 0.0078 0 1 / 0.841);
      --violet-a11: color(display-p3 0.5922 0.7255 1 / 0.975);
      --violet-a12: color(display-p3 0.8275 0.8941 1 / 0.988);

      --violet-contrast: #fff;
      --violet-surface: color(display-p3 0.0431 0.102 0.2745 / 0.5);
      --violet-indicator: oklch(45.2% 0.3132 264.1);
      --violet-track: oklch(45.2% 0.3132 264.1);
    }
  }
}