/* ===========================================================================
   Pertineo — Radii
   The app uses RoundedRectangle in a tight set of corner radii, plus Capsule
   (fully-rounded) for pills, chips and badges.
   ========================================================================== */
:root {
  --radius-sm: 8px;     /* small inset fields                                */
  --radius-md: 10px;    /* compact rows, sync banner                        */
  --radius-lg: 12px;    /* buttons, photo thumbs, map-control stack         */
  --radius-xl: 14px;    /* primary CTA, message/help cards, sheets          */
  --radius-2xl: 16px;   /* list cards, stat cards                           */
  --radius-3xl: 18px;   /* category tiles                                   */
  --radius-card-hero: 25px; /* login card                                   */
  --radius-pill: 999px; /* Capsule — badges, chips, status pills            */
  --radius-circle: 50%; /* avatars, icon discs, floating button            */
}