Color Spaces

.hdr-syntax {
  background: color(display-p3 1 0 1);
  background: oklch(72% 75% 330);
}

.richer-colors {
  background: red;
  background: color(display-p3 1 0 0);
  background: oklch(63% 100% 30);
}

.sick-neons {
  @media (dynamic-range: high) {
    --neon-red: color(display-p3 1 0 0);
    --neon-blue: color(display-p3 0 0.75 1);
  }
}

.better-gradients {
  background: linear-gradient(
    to right in oklch, 
    color(display-p3 1 0 .5), 
    color(display-p3 0 1 1)
  );
}