:root{--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-large:56px;--grid-gap-sm:var(--spacing-2);--grid-gap-md:var(--spacing-4);--grid-gap-lg:var(--spacing-6);--container-padding-mobile:var(--spacing-2);--container-padding-tablet:var(--spacing-4);--container-padding-desktop:var(--spacing-8);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70}.spacing-scale{padding:var(--spacing-4)}.spacing-scale-sm{padding:var(--spacing-2)}.spacing-scale-lg{padding:var(--spacing-6)}.grid-system{display:grid;gap:var(--grid-gap-md)}.grid-system-sm{gap:var(--grid-gap-sm)}.grid-system-lg{gap:var(--grid-gap-lg)}.container-responsive{padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}@media (min-width:640px){.container-responsive{padding-left:var(--container-padding-tablet);padding-right:var(--container-padding-tablet)}}@media (min-width:1024px){.container-responsive{padding-left:var(--container-padding-desktop);padding-right:var(--container-padding-desktop)}}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.touch-target-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.touch-target-large{min-height:var(--touch-target-large);min-width:var(--touch-target-large)}