/* BORDERS & CORNERS — the system is square. Radius is a rounding error, not a style.
   Softness comes from the 4px corner NOTCH (clip-path), which reads as an anti-aliased pixel corner. */
:root{
--bw-hair:1px; /* @kind radius */
--bw:2px; /* @kind radius */
--bw-thick:4px; /* @kind radius */

--radius-0:0;--radius-1:2px;--radius-pill:999px; /* pill: only for status dots and avatars */
--border-hair:var(--bw-hair) solid var(--line-hairline); /* @kind other */

--border:var(--bw-hair) solid var(--line); /* @kind other */

--border-strong:var(--bw-hair) solid var(--line-strong); /* @kind other */

--border-accent:var(--bw) solid var(--accent); /* @kind other */

/* signature notched corners — apply as clip-path */
--clip-notch-4:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px); /* @kind other */

--clip-notch-8:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px); /* @kind other */

--clip-notch-tl-br:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); /* @kind other */

--clip-tab:polygon(0 4px,4px 0,calc(100% - 4px) 0,100% 4px,100% 100%,0 100%); /* @kind other */

}