/* Espacements base 4px, grille 12 colonnes desktop / 4 colonnes mobile. */
:root{
--space-0:0px;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--space-20:80px;
--space-24:96px;

--grid-columns-desktop:12; /* @kind other */
--grid-columns-mobile:4; /* @kind other */
--grid-gutter-desktop:24px;
--grid-gutter-mobile:16px;
--grid-margin-desktop:32px;
--grid-margin-mobile:16px;
--grid-max-width:1440px;

--sidebar-width:264px;
--sidebar-width-collapsed:72px;
--header-height:64px;
--tabbar-height:64px;
--touch-target-min:44px;
--row-height:48px;
--row-height-dense:40px;
--control-height-sm:32px;
--control-height-md:40px;
--control-height-lg:48px;
}