.dark, .dark-theme {
  --crimson-a1: #f4126709;
  --crimson-a2: #f22f7a11;
  --crimson-a3: #fe2a8b2a;
  --crimson-a4: #fd158741;
  --crimson-a5: #fd278f51;
  --crimson-a6: #fe459763;
  --crimson-a7: #fd559b7f;
  --crimson-a8: #fe5b9bab;
  --crimson-a9: #fe418de8;
  --crimson-a10: #ff5693ed;
  --crimson-a11: #ff92ad;
  --crimson-a12: #ffd5eafd;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --crimson-a1: color(display-p3 0.984 0.071 0.463 / 0.03);
      --crimson-a2: color(display-p3 0.996 0.282 0.569 / 0.055);
      --crimson-a3: color(display-p3 0.996 0.227 0.573 / 0.148);
      --crimson-a4: color(display-p3 1 0.157 0.569 / 0.227);
      --crimson-a5: color(display-p3 1 0.231 0.604 / 0.286);
      --crimson-a6: color(display-p3 1 0.337 0.643 / 0.349);
      --crimson-a7: color(display-p3 1 0.416 0.663 / 0.454);
      --crimson-a8: color(display-p3 0.996 0.427 0.651 / 0.614);
      --crimson-a9: color(display-p3 1 0.345 0.596 / 0.832);
      --crimson-a10: color(display-p3 1 0.42 0.62 / 0.853);
      --crimson-a11: color(display-p3 1 0.56 0.66);
      --crimson-a12: color(display-p3 0.966 0.834 0.906);
    }
  }
}