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

  --margin-screen:20px;     /* horizontal page margin */
  --gap-section:32px;       /* between content sections */
  --hit-target:44px;        /* iOS minimum */
  --tabbar-height:83px;     /* incl. home indicator */
  --safe-top:59px;          /* status bar + dynamic island */
  --safe-bottom:34px;
}