:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:30px;
  --space-8:35px;
  --space-9:45px;
  --space-10:60px;
  --space-11:70px;
  --space-12:100px;
  --space-13:120px;

  --gutter:24px;
  --grid-gap:20px;
  --card-gap:30px;
  --section-pad-y:70px;
  --section-pad-y-lg:100px;
  --section-head-gap:30px;
  --section-head-mb:35px;

  --content-max:1140px;
  --work-max:1400px;
  --text-max:840px;
  --nav-height:80px;
  --nav-height-mini:60px;

  --radius-xs:2px;
  --radius-sm:3px;
  --radius-md:4px;
  --radius-lg:6px;
  --radius-xl:8px;
  --radius-mouse:16px;
  --radius-pill:40px;
  --radius-round:50%;

  --radius-tile:var(--radius-md);
  --radius-button:var(--radius-xl);
  --radius-field:var(--radius-xl);
  --radius-card:var(--radius-xl);
  --radius-panel:var(--radius-sm);
}