:root { --font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; --font-size-xs: 0.75rem; --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-3xl: 1.875rem; --font-size-4xl: 2.25rem; --font-size-5xl: 3rem; --font-size-6xl: 3.75rem; --font-size-7xl: 4.5rem; --font-size-8xl: 6rem; --font-size-9xl: 8rem; --spacing-xs: 0.25rem; --spacing-sm: 0.5rem; --spacing-md: 1rem; --spacing-lg: 1.5rem; --spacing-xl: 2rem; --spacing-2xl: 3rem; --spacing-3xl: 4rem; --spacing-18: 4.5rem; --spacing-88: 22rem; --spacing-128: 32rem; --spacing-144: 36rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.75rem; --radius-xl: 1rem; --radius-2xl: 1.5rem; --radius-button: 0.5rem; --radius-card: 0.75rem; --radius-modal: 1rem; --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); --shadow-2xl: 0 25px 50px -12px rgba(0,0,0,.25); --shadow-inner: inset 0 2px 4px 0 rgba(0,0,0,.06); --transition-fast: 150ms ease-in-out; --transition-normal: 250ms ease-in-out; --transition-slow: 300ms ease-in-out; --z-dropdown: 1000; --z-sticky: 1020; --z-fixed: 1030; --z-modal-backdrop: 1040; --z-modal: 1050; --z-popover: 1060; --z-tooltip: 1070; --z-toast: 1080; --animation-duration-fast: 0.15s; --animation-duration-normal: 0.3s; --animation-duration-slow: 0.5s; --animation-timing-linear: linear; --animation-timing-ease: ease; --animation-timing-ease-in: ease-in; --animation-timing-ease-out: ease-out; --animation-timing-ease-in-out: ease-in-out; --animation-timing-bounce: cubic-bezier(0.68,-0.55,0.265,1.55); --animation-timing-elastic: cubic-bezier(0.175,0.885,0.32,1.275); --letter-spacing-tight: -0.025em; --letter-spacing-normal: 0em; --letter-spacing-wide: 0.025em; --letter-spacing-wider: 0.05em; --letter-spacing-widest: 0.1em; --line-height-none: 1; --line-height-tight: 1.25; --line-height-snug: 1.375; --line-height-normal: 1.5; --line-height-relaxed: 1.625; --line-height-loose: 2; }