/* 4px base rhythm. Radius never 0, never above 16px on a rectangle.
   Elevation is border-driven, not shadow-driven. */
:root{
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px;
  --s-6:24px; --s-8:32px; --s-12:48px; --s-16:64px;
  --s-24:96px; --s-32:128px;

  --r-sm:8px;     /* badges, tags, inputs, buttons */
  --r-md:12px;    /* cards, list items */
  --r-lg:14px;    /* callout bands, feature blocks */
  --r-pill:999px; /* pills, avatars, numbered circles */

  /* Shadows are for floating UI only: dropdowns, modals, sticky bars. */
  --shadow-sm:0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:0 4px 16px rgba(0,0,0,0.06);

  --border-hair:1px solid var(--gray-4);
}