/* THE CORNER SHAPE (owner, 2026-10-24; DS-52;
   docs/ui/research/corners-tracking-and-spring.md).

   Every rounded corner is a squircle: the curve between a circle's quarter and
   a square corner, flatter at the sides. `border-radius` still decides how far
   a corner reaches (the radius roles 100-500); `corner-shape` only decides the
   curve, so a box with no radius is unchanged, and the radius scale, the
   roundness setting and the concentric radii work as before.

   ONE RULE FOR THE WHOLE PRODUCT, so the shape is chosen in one place. A
   keyword, not a token: the token format has no type for a corner shape, as
   `border-style: solid` has none either.

   PILLS AND CIRCLES STAY ROUND. A squircle on `--radius-full` or `50%` would
   turn a pill's ends and a dot into rounded squares, so every rule that uses
   one sets `corner-shape: round` beside it; `tests/workspace/web/test_shape.py`
   fails when one does not.

   BROWSERS WITHOUT `corner-shape` (Firefox and Safari, 2026-10) draw today's
   round corners: the design is complete without it. */

@supports (corner-shape: squircle) {
  *,
  *::before,
  *::after {
    corner-shape: squircle;
  }
}