:root{
  /* Softly rounded: nothing is sharp, nothing is a hard pill except tags. */
  --radius-none:0;
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:18px;
  --radius-xl:28px;
  --radius-pill:999px;
  /* Arch: the close-crop portrait / feature tile motif. */
  --radius-arch:999px 999px 18px 18px;

  --radius-button:var(--radius-pill);
  --radius-input:var(--radius-md);
  --radius-card:var(--radius-lg);
  --radius-tile:var(--radius-md);
  --radius-chip:var(--radius-pill);
  --radius-modal:var(--radius-lg);
  --radius-image:var(--radius-lg);

  --border-width-hairline:1px;
  --border-width-strong:1.5px;
}