.dark, .dark-theme {
  --iris-a1: #3636fe0e;
  --iris-a2: #564bf916;
  --iris-a3: #525bff3b;
  --iris-a4: #4d58ff5a;
  --iris-a5: #5b62fd6b;
  --iris-a6: #6d6ffd7a;
  --iris-a7: #7777fe8e;
  --iris-a8: #7b7afeac;
  --iris-a9: #6a6afed4;
  --iris-a10: #7d79ffdc;
  --iris-a11: #b1a9ff;
  --iris-a12: #e1e0fffe;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --iris-a1: color(display-p3 0.224 0.224 0.992 / 0.051);
      --iris-a2: color(display-p3 0.361 0.314 1 / 0.08);
      --iris-a3: color(display-p3 0.357 0.373 1 / 0.219);
      --iris-a4: color(display-p3 0.325 0.361 1 / 0.337);
      --iris-a5: color(display-p3 0.38 0.4 1 / 0.4);
      --iris-a6: color(display-p3 0.447 0.447 1 / 0.454);
      --iris-a7: color(display-p3 0.486 0.486 1 / 0.534);
      --iris-a8: color(display-p3 0.502 0.494 1 / 0.652);
      --iris-a9: color(display-p3 0.431 0.431 1 / 0.799);
      --iris-a10: color(display-p3 0.502 0.486 1 / 0.832);
      --iris-a11: color(display-p3 0.685 0.662 1);
      --iris-a12: color(display-p3 0.878 0.875 0.986);
    }
  }
}