:root{
--radius-sm:4px;
--radius-md:8px;
--radius-lg:14px;
--radius-xl:22px;
--radius-pill:999px;

--shadow-sm:0 1px 2px color-mix(in srgb, var(--ink) 10%, transparent);
--shadow-md:0 4px 16px color-mix(in srgb, var(--ink) 12%, transparent);
--shadow-lg:0 16px 40px color-mix(in srgb, var(--ink) 16%, transparent);

--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:360ms; /* @kind other */

--border-thin:1px solid var(--color-border);
--border-hairline:0.6px solid var(--color-border);
}