/* ===========================================================================
   Pertineo — Spacing
   The app composes padding from a small set of values (4–40). Modeled as a
   4-pt-ish scale with the in-between steps SwiftUI actually uses (6, 10, 14, 22).
   ========================================================================== */
:root {
  --space-0: 0px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;   /* common card inner padding                            */
  --space-8: 16px;   /* default screen gutter                                */
  --space-10: 20px;
  --space-11: 22px;
  --space-12: 24px;  /* login card padding                                  */
  --space-14: 28px;
  --space-16: 36px;
  --space-20: 40px;

  /* Semantic */
  --gutter: var(--space-8);          /* screen edge padding                  */
  --card-padding: var(--space-7);    /* 14px — list/message/stat cards       */
  --card-gap: var(--space-6);        /* 12px between cards                    */
  --field-padding: var(--space-8);   /* input inner padding                  */
  --hit-target: 44px;                /* minimum tappable size (iOS HIG)      */
  --tabbar-height: 70px;
  --navbar-pad-x: var(--space-8);
}