/* ============================================================
   SHAPE — the pill (999px) is the signature interactive shape;
   cards round to 16px. Two off-shapes: the 36px tab-toggle and
   plain 8/12px input chrome.
   ============================================================ */

:root {
  --radius-none: 0px;
  --radius-md: 8px;       /* form inputs */
  --radius-lg: 12px;      /* smaller secondary card chrome */
  --radius-xl: 16px;      /* canonical card radius */
  --radius-pill: 999px;   /* signature interactive shape */
  --radius-pill-tab: 36px;/* hero ride/drive tab-toggle */
  --radius-full: 9999px;  /* circular icon containers */
}