/* Corner radii. Only the app icon radius is specified in the guidelines (22% of the
   tile width); the rest is authored here to keep surfaces restrained. */
:root{
--radius-xs:2px;
--radius-sm:4px;
--radius-md:8px;
--radius-lg:12px;
--radius-xl:16px;
--radius-pill:999px;
--radius-tile:22%;   /* app icon, favicon and social avatar tile */
}