/* Spacing. Bootstrap Italia composes on a 4px rhythm (its components use
   4/8/12/16/24/48px literals) over Bootstrap's rem spacer scale. Both are exposed. */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;

  --spacer-0:0; /* @kind spacing */
  --spacer-1:.25rem;
  --spacer-2:.5rem;
  --spacer-3:1rem;
  --spacer-4:1.5rem;
  --spacer-5:3rem;

  /* Component-level literals taken from Bootstrap Italia */
  --card-padding-y:1rem;
  --card-padding-x:2rem;
  --button-padding:12px 24px;
  --button-padding-xs:12px 16px;
  --button-padding-lg:16px 24px;
  --header-pad-x:18px;
  --field-margin-bottom:3rem;

  /* Layout */
  --container-max:1320px;
  --container-gutter:24px;
  --header-slim-height:auto; /* @kind spacing */
  --header-center-height:120px;
}