/* Vacei — Radius. Everything is generously rounded; pills are fully round.
   The bigger the surface, the bigger the radius. */
:root {
  --r-xs:    5px;   /* kbd keys                                            */
  --r-sm:    8px;   /* icon buttons in the rail                            */
  --r-md:    9px;   /* nested nav rows, badges                             */
  --r-lg:   10px;   /* nav rows                                            */
  --r-xl:   12px;   /* company card, doc thumbnails, group panels          */
  --r-2xl:  18px;   /* KPI cards                                           */
  --r-3xl:  20px;   /* topbar shell                                        */
  --r-4xl:  24px;   /* sidebar shell                                       */
  --r-5xl:  26px;   /* cover header, assistant card                        */
  --r-full: 9999px; /* pills, chips, tabs, avatars, search                 */

  --radius-shell:  24px;
  --radius-cover:  26px;
  --radius-card:   18px;
  --radius-row:    10px;
  --radius-pill:   9999px;

  /* marketing surfaces */
  --r-tile:  14px;  /* service tiles                                       */
  --r-pcard: 16px;  /* plain marketing cards                               */
  --r-shot:  18px;  /* screenshot frame                                    */
}