/* Radii. The symbol tile is a squircle at ~25% of its own height; UI surfaces
   echo it at a softer, smaller ratio. Nothing in the brand is a sharp square
   except full-bleed panels. */
:root{
  --radius-xs:4px; --radius-sm:6px; --radius-md:10px; --radius-lg:16px;
  --radius-xl:24px; --radius-2xl:32px; --radius-pill:999px;
  --radius-mark-ratio:0.25; /* @kind other */
  --radius-control:var(--radius-pill);
  --radius-card:var(--radius-lg);
  --radius-field:var(--radius-md);
}