:root{
  --radius-xs:2px;
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-round:999px;

  --border-hairline:1px solid var(--color-border); /* @kind other */
  --border-hairline-inverse:1px solid var(--color-border-inverse); /* @kind other */

  /* Signature octagon mask — use sparingly, once per page at most */
  --clip-octagon:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%); /* @kind other */

  /* Ratios */
  --ratio-portrait:3/4; /* @kind other */
  --ratio-tall:2/3; /* @kind other */
  --ratio-editorial:4/5; /* @kind other */
  --ratio-dish:4/3; /* @kind other */
  --ratio-square:1/1; /* @kind other */
  --ratio-wide:16/9; /* @kind other */
}