:root{
--radius-xs:3px;--radius-sm:5px;--radius-md:9px;--radius-lg:14px;--radius-xl:22px;--radius-2xl:32px;
--radius-pill:999px;
--radius-thrown:62% 38% 55% 45% / 52% 58% 42% 48%;  /* organic, wheel-thrown silhouette */

--border-width:1px;
--border-width-ink:2px;   /* the printed brown rule */

--shadow-none:none;
--shadow-sm:0 1px 2px rgba(46,16,2,.08);
--shadow-md:0 4px 14px -4px rgba(46,16,2,.16);
--shadow-lg:0 18px 40px -12px rgba(46,16,2,.22);
--shadow-inset:inset 0 1px 0 rgba(255,255,255,.55);
--shadow-press:inset 0 2px 4px rgba(46,16,2,.18);
--shadow-focus:0 0 0 3px rgba(192,102,58,.35);

--scrim-bottom:linear-gradient(to top,rgba(46,16,2,.72),rgba(46,16,2,0)); /* @kind color */
--scrim-warm:linear-gradient(to top,rgba(78,24,3,.6),rgba(78,24,3,0) 60%); /* @kind color */
}