/* ============================================================
   radii.css — mirrors library/lib/src/theme/radii.dart
   ============================================================
   4px base, paired with --space-*. Radius scales with the size
   and prominence of the surface. Use --radius-md unless you
   have a reason not to.

     --radius-xxs (4)  sub-cell: heatmap grid cells & swatches
     --radius-xs  (8)  dense controls: sm buttons, chart bars,
                       micro badges, plain Pressable
     --radius-sm  (12) compact overlays: tooltips, dropdowns,
                       dense desktop sidebar tiles, sm icon buttons
     --radius-md  (16) DEFAULT: cards, sheets, inputs, tables,
                       desktop text buttons
     --radius-lg  (24) prominent / mobile: alert dialogs,
                       desktop centered sheets, mobile buttons
                       & inputs, prominent mobile cards
     --radius-xl  (40) hero / mobile pane container
   ============================================================ */

:root {
  --radius-xxs:  4px;
  --radius-xs:   8px;
  --radius-sm:  12px;
  --radius-md:  16px;
  --radius-lg:  24px;
  --radius-xl:  40px;
}