:root{--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--space-0:0px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-none:0px;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--font-size-2xs:clamp(0.65rem,0.6rem + 0.25vw,0.75rem);--font-size-xs:clamp(0.7rem,0.65rem + 0.3vw,0.8rem);--font-size-sm:clamp(0.8rem,0.75rem + 0.35vw,0.875rem);--font-size-base:clamp(0.875rem,0.825rem + 0.4vw,1rem);--font-size-lg:clamp(1rem,0.95rem + 0.5vw,1.125rem);--font-size-xl:clamp(1.125rem,1.05rem + 0.6vw,1.25rem);--font-size-2xl:clamp(1.25rem,1.15rem + 0.8vw,1.5rem);--font-size-3xl:clamp(1.5rem,1.35rem + 1vw,1.875rem);--font-size-4xl:clamp(1.875rem,1.65rem + 1.5vw,2.25rem);--touch-target-min:44px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}