/* Spacing. The Figma kit's Space component defines the whole ladder;
   Container gaps are Mini 8 / Small 16 / Medium 24 / Large 32. */
:root{
  --space-none:0px;
  --space-mini:8px;
  --space-small:16px;
  --space-medium:24px;
  --space-large:32px;

  --gap-mini:8px;
  --gap-small:16px;
  --gap-medium:24px;
  --gap-large:32px;

  --pad-field-y:8px;
  --pad-field-x:12px;
  --pad-button-y:8px;
  --pad-button-x:16px;
  --pad-button-x-mobile:14px;
  --pad-container:24px;
  --pad-cell-y:12px;
  --pad-cell-x:16px;

  --icon-sm:16px;
  --icon-md:20px;
  --icon-lg:24px;
}