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

--shadow-xs:0 1px 2px rgba(var(--shadow-tint),0.08);
--shadow-sm:0 2px 6px rgba(var(--shadow-tint),0.10),0 1px 2px rgba(var(--shadow-tint),0.06);
--shadow-md:0 8px 20px rgba(var(--shadow-tint),0.14),0 2px 6px rgba(var(--shadow-tint),0.08);
--shadow-lg:0 20px 40px rgba(var(--shadow-tint),0.18),0 6px 12px rgba(var(--shadow-tint),0.10);
--shadow-focus:0 0 0 3px rgba(255,165,82,0.45);

--ease-standard:cubic-bezier(0.2,0.8,0.2,1); /* @kind other */
--ease-out:cubic-bezier(0.16,1,0.3,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:320ms; /* @kind other */

--blur-scrim:6px;
--border-width:1px;
}