/* ============================================================
   iA_Peças — Spacing & layout tokens
   8px base grid; mobile frame = 390px (iPhone 14/15 Pro).
   ============================================================ */

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

  /* Common surface paddings */
  --pad-card: 16px;
  --pad-screen: 16px;       /* mobile gutter */
  --pad-screen-lg: 24px;    /* desktop gutter */
  --gap-list: 12px;

  /* Frame sizes */
  --frame-mobile: 390px;    /* iPhone 14/15 Pro width */
  --sidebar-w: 232px;       /* desktop left nav */
  --content-max: 1440px;
  --bottombar-h: 72px;      /* mobile tab bar */
  --topbar-h: 64px;         /* search top bar */
}