/* Shape is functional: small radii on controls and cards, pill only where a control is a
   destination for an action. The one expressive shape behavior is the trace line.
   Curves are not used as layout boundaries — no arcs, no waves, no swooshes. */
:root{
  --radius-none:0px; --radius-xs:2px; --radius-sm:4px; --radius-md:8px;
  --radius-lg:12px; --radius-xl:20px; --radius-pill:999px;
  --border-w:1px; /* @kind other */
  --border-w-strong:2px; /* @kind other */
  --rule-w:3px; /* @kind other */
  --trace-w:2px; /* @kind other */
  --trace-dash:2 6; /* @kind other */
  --shape-pad:clamp(20px,4vw,44px);
}