:root{
--radius-xs:4px;
--radius-sm:6px;
--radius-md:8px;
--radius-lg:12px;
--radius-xl:16px;
--radius-full:999px;

/* Shadows are near-invisible on black; depth comes from borders + inset highlight */
--inset-highlight:inset 0 1px 0 rgba(255,255,255,.05);
--shadow-sm:0 1px 2px rgba(0,0,0,.5);
--shadow-md:0 4px 16px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);
--shadow-lg:0 16px 48px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06);
--ring-focus:0 0 0 1px var(--surface-page),0 0 0 3px var(--border-focus);

--blur-glass:saturate(140%) blur(14px); /* @kind other */
--fade-bottom:linear-gradient(180deg,rgba(15,15,15,0) 0%,rgba(15,15,15,.92) 100%); /* @kind other */
--sheen-top:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 40%); /* @kind other */

--ease-out:cubic-bezier(.22,1,.36,1); /* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:420ms; /* @kind other */
}