:root{
--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:36px;--radius-pill:999px;
--border-w:2px; /* @kind other */
--border-w-thick:3px; /* @kind other */
--border:var(--border-w) solid var(--border-strong); /* @kind other */
/* Hard offset "sticker" shadows — the signature */
--shadow-pop-sm:2px 2px 0 var(--salt-ink);
--shadow-pop:4px 4px 0 var(--salt-ink);
--shadow-pop-lg:8px 8px 0 var(--salt-ink);
--shadow-pop-orange:6px 6px 0 var(--salt-orange);
/* Soft — only for floating layers (toast, dialog, tooltip) */
--shadow-float:0 18px 40px -12px rgba(8,8,8,.28);
--overlay-scrim:rgba(8,8,8,.55); /* @kind color */
}