:root{
  /* The logo is built from squares whose corners are rounded at 50% of the side.
     The UI radii are a quieter echo of that: generous, never hard-square. */
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:14px;
  --radius-xl:20px;
  --radius-2xl:28px;
  --radius-pill:999px;
  --radius-quadrant:50%;      /* the logo's own corner: one corner at half the side */

  --radius-control:10px;      /* buttons, inputs, selects */
  --radius-card:14px;
  --radius-panel:20px;
  --radius-modal:20px;
  --radius-chip:999px;

  --border-width:1px;
  --border-width-strong:1.5px;
  --border-width-focus:2px;
}