:root{
  /* The brand mark is built from quarter-circles struck against straight edges,
     so the system pairs small, calm radii with one deliberate "petal" corner. */
  --radius-none:0;
  --radius-xs:3px;
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-pill:999px;
  --radius-petal:24px 0 24px 0;   /* signature: two opposite corners cut */
  --radius-quarter:100% 0 0 0;    /* the logo's quarter-circle motif */
}