/* One colour, three tones; no shadows. */
.face.top {
  fill: var(--tone);
}

.face.left,
.face.outline {
  fill: color-mix(in oklab, var(--tone), black 9%);
}

.face.right {
  fill: color-mix(in oklab, var(--tone), black 20%);
}