/* Kgotla — spacing. Values taken from the auto-layout gaps and paddings in the file. */
:root{
  --space-1:4px;
  --space-2:6px;
  --space-3:8px;
  --space-4:10px;
  --space-5:12px;
  --space-6:16px;
  --space-7:20px;
  --space-8:24px;
  --space-9:26px;
  --space-10:28px;
  --space-11:32px;
  --space-12:40px;
  --space-13:48px;
  --space-14:54px;
  --space-15:57px;
  --space-16:64px;
  --space-17:80px;
  --space-18:84px;
  --space-19:88px;
  --space-20:122px;
  --space-21:166px;

  /* Layout */
  --page-width:1440px;
  --page-gutter:64px;             /* footer + section frames */
  --doc-gutter:80px;              /* style-guide pages */
  --content-max:1280px;
  --section-gap:64px;
  --card-pad:32px;
  --card-pad-tight:16px;
  --field-pad:12px 16px;
  --button-pad-x:32px;
  --button-height:48px;
}