/* The brandmark is a sheared parallelogram with softly cut corners:
   radii stay modest, never pill-shaped except on tags and avatars. */
:root{
  --radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;
  --radius-2xl:28px;--radius-pill:999px;--radius-control:8px;--radius-card:14px;
  --border-width-hairline:1px;--border-width-thick:2px;
}