Understanding the axes
Lightness, Chroma and Hue each solve a different problem.
The syntax is `oklch(L C H / alpha)`, where each part is easier to reason about than a raw RGB triplet.
`L` stands for lightness and runs from black to white. Unlike HSL, the midpoint of OKLCH behaves much more like a true middle brightness level to human vision.
`C` stands for chroma, which is the intensity or purity of the color. Lower values move you toward gray; higher values feel more vivid.
`H` stands for hue and places the color on a circular scale in degrees, so you can shift from blue to green or red while keeping the rest of the palette steady.
That structure makes practical work easier: a hover state, accent variant or chart palette can be built by adjusting one dimension at a time instead of guessing with trial and error.