:root{
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:14px;
  --radius-xl:20px;
  --radius-pill:999px;

  --border-width:1px;
  --border-width-strong:2px;

  /* Low, diffuse shadows only — no glow, no coloured drop shadows except on the primary CTA */
  --shadow-xs:0 1px 2px rgba(11,21,18,.06);
  --shadow-sm:0 1px 2px rgba(11,21,18,.06),0 2px 6px rgba(11,21,18,.05);
  --shadow-md:0 2px 4px rgba(11,21,18,.05),0 8px 20px rgba(11,21,18,.07);
  --shadow-lg:0 8px 40px rgba(11,21,18,.10);
  --shadow-cta:0 6px 16px rgba(5,150,105,.24);
  --shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.08);
}