/* ── Radius system ───────────────────────────────────────────────────────
   App UI sits at md/lg. Feature and marketing surfaces go xl and up.
   Pill is reserved for buttons, tags and toggles — not for cards. */
:root{
  --radius-xs:5px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:22px;
  --radius-2xl:28px;
  --radius-3xl:40px;
  --radius-pill:999px;
  --radius-photo:10px;    /* printed-photograph corner */
  --radius-input:11px;
  --radius-card:18px;
  --radius-sheet:26px;    /* paper sheets, modals, notebooks */
}