:root{
  /* Steadwell is squared and editorial. Radii are hairline-small; pill is reserved for tags. */
  --radius-none:0px;
  --radius-xs:2px;
  --radius-sm:3px;
  --radius-md:4px;
  --radius-lg:6px;
  --radius-pill:999px;

  --hairline:1px;
  --rule-weight:1px;
  --rule-weight-strong:2px;

  --shadow-none:none;
  --shadow-raised:0 1px 2px rgba(10,10,11,0.05), 0 10px 28px -18px rgba(10,10,11,0.28);
  --shadow-overlay:0 32px 80px -28px rgba(10,10,11,0.42);
  --shadow-inset-hairline:inset 0 0 0 1px var(--border-hairline);
}