:root{
  --r-sm:8px;
  --r-md:14px;
  --r-lg:22px;
  --r-pill:999px;

  /* semantic */
  --radius-swatch:var(--r-sm);
  --radius-nested:var(--r-md);
  --radius-card:var(--r-lg);
  --radius-control:var(--r-pill);

  /* elevation is a hairline or a step up the surface ramp — there are no drop shadows.
     The only "shadow" tokens are the inset hairline edge and the accent halo. */
  --edge-hairline:inset 0 0 0 1px var(--hairline);
  --halo-focus:0 0 0 8px var(--accent-glow);
  --halo-hover:0 0 56px 0 var(--accent-glow);
}