/* HouseChalk radius.
 * 24px is the card and it is the signature. 18px belongs to controls.
 * A ZONE TAKES NO RADIUS AT ALL — it runs to the screen edge, and squareness is
 * one of the three things that tell a zone from a card.
 * The teardrop marks focus, and at most two focal cards sit on one screen
 * unless the repeated shape IS the component's identity, as with room cards. */
:root{
  --r-sm:12px;
  --r-base:18px;      /* controls */
  --r-card:24px;      /* the signature */
  --r-lg:28px;
  --r-full:999px;
  --r-zone:0px;       /* a region of the screen is square, always */
  --r-teardrop:24px 14px 14px 14px; /* @kind radius */
  --r-teardrop-lg:28px 18px 18px 18px; /* @kind radius */
  --border-weight:1px;
}