/* Shape. The kit is almost entirely square: buttons, tiles and info boxes have NO radius.
   Radius 5px appears only on Container surfaces; icon badges are perfect circles. */
:root{
  --radius-none:0px;
  --radius-container:5px;
  --radius-pill:999px;
  --radius-circle:50%;

  /* The kit uses inset rings, not drop shadows. */
  --ring-hairline:inset 0 0 0 1px var(--border-default);
  --ring-accent:inset 0 0 0 1px var(--border-accent);
  --shadow-none:none;
  /* Only elevated overlays (Modal, Dropdown, Tooltip) lift off the page. */
  --shadow-overlay:0 4px 16px rgba(37,37,37,0.12);

  --motion-fast:120ms; /* @kind other */
  --motion-base:200ms; /* @kind other */
  --motion-ease:cubic-bezier(0.4,0,0.2,1); /* @kind other */
}