/* Radii, hairlines, shadows. The brand is near-square: 2px is the standard
   card radius, 4px is reserved for pills and small swatches, 1px for tiny
   icon plates. Depth comes from 1px inset hairlines, not drop shadows. */
:root{
  --radius-none:0px;
  --radius-xs:1px;
  --radius-sm:2px;
  --radius-md:4px;
  --radius-pill:999px;
  --radius-dot:50%;

  --hairline:inset 0 0 0 1px var(--border-hairline);
  --hairline-subtle:inset 0 0 0 1px var(--border-subtle);
  --border-width:1px;

  --shadow-none:none;
  --shadow-raised:0 1px 2px rgba(0,0,0,0.1);
  --shadow-overlay:0 4px 12px rgba(0,0,0,0.1);

  --dash-guide:1px dashed var(--ur-steel-blue);
  --dash-measure:1px dashed var(--ur-onyx-100);

  --motion-fast:120ms; /* @kind other */
  --motion-base:180ms; /* @kind other */
  --motion-slow:280ms; /* @kind other */
  --ease-standard:cubic-bezier(0.2,0,0.2,1); /* @kind other */
}