/* Corner radius scale in px, and the per-platform shape values the skins use:
   web keeps 6 (control) / 8 (card); iOS rounds to 10-12 with Apple's continuous
   curve; Android uses the M3 medium shape (12) and a full pill on buttons. */
:root{
  --radius-none:0px;--radius-sm:2px;--radius:4px;--radius-md:6px;--radius-lg:8px;
  --radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-full:9999px;

  --radius-control:6px;   /* web button, input, select, menu item */
  --radius-card:8px;      /* web card surface */
  --radius-control-ios:10px;
  --radius-card-ios:12px;
  --radius-card-android:12px;
  --radius-pill:9999px;   /* iOS capsule button, M3 stadium button, chips, status */
}