/* The logo is a circle inside a circle: radii are generous but never
   playful. Controls 8px, cards 12px, feature panels 20px, marks fully round. */
:root{
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:12px;
  --radius-xl:20px;
  --radius-2xl:28px;
  --radius-pill:999px;
  --radius-circle:50%;
  --border-width-hairline:1px;
  --border-width-thick:2px;
  --border-width-mark:6px; /* the logo's ring weight, used for photo circles */
}