/* WeCreate spacing tokens.
   Source: consumer-ui-web lib/theme.ts — SCALING_FACTOR = 8px. All spacing is 8px-based. */

:root {
  --space-unit: 8px;
  --space-0-5: 4px;
  --space-1: 8px;
  --space-1-5: 12px;
  --space-2: 16px;
  --space-2-5: 20px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;

  /* Layout constants (lib/constants.public.ts, in spacing units × 8px) */
  --layout-nav-column-desktop: 256px; /* DESKTOP_NAVIGATION_COLUMN_WIDTH = 32 */
  --layout-nav-column-tablet: 72px; /* TABLET_NAVIGATION_COLUMN_WIDTH = 9 */
  --layout-content-max: 1060px; /* DESKTOP_CONTENT_COLUMN_MAX_WIDTH = 132.5 */
  --layout-sidebar-max: 340px;
  --layout-mobile-nav-height: 56px; /* MOBILE_NAV_HEIGHT */

  /* Breakpoints (MUI defaults used in app): xs <600, sm ≥600, md ≥900, lg ≥1200 */
}