/* Radii + elevation. Radii come in two flavours:
   the Flutter theme's 8/12/16 family and the Figma redesign's 10/13/14/16/20/24/32/48. */
:root{
  --radius-xs:6px;
  --radius-sm:8px;      /* buttons, inputs, chips, snackbar (Flutter) */
  --radius-10:10px;     /* segmented control track (Figma) */
  --radius-md:12px;     /* cards, dialogs (Flutter) */
  --radius-13:13px;     /* small avatar squircle, header icon tile (Figma) */
  --radius-14:14px;     /* chat list row (Figma) */
  --radius-lg:16px;     /* FAB, bottom sheet, search field, toggle track */
  --radius-20:20px;     /* pill button (Figma) */
  --radius-24:24px;     /* bottom nav container */
  --radius-32:32px;     /* sheet / screen body */
  --radius-48:48px;     /* device frame */
  --radius-pill:999px;

  --shadow-card:0px 5px 10px 0px rgba(27,28,29,0.05);
  --shadow-status:0px 2.25px 4.5px 0px rgba(27,28,29,0.04);
  --shadow-pill:0px 7px 29px 0px rgba(100,100,111,0.2);
  --shadow-fab:inset 0 0 0 1px #FFFFFF, 0px 9.333px 38.667px 0px rgba(100,100,111,0.2);
  --stroke-inset:inset 0 0 0 1px var(--outline-figma);
  --border-hairline:1px solid var(--divider);
}