:root {
  --color-white-100: #ffffff;
  --color-white-200: #fafafa;
  --color-black-100: #000000;
  --color-black-200: #222222;
}

:root {
  --container-s: 900px;
}

.container-s {
  max-width: var(--container-s);
}

:root {
  --space-unit: 1em;
  --space-xxs:  calc(0.25 * var(--space-unit));
  --space-xs:   calc(0.5 * var(--space-unit));
  --space-sm:   calc(0.75 * var(--space-unit));
  --space-md:   calc(1.25 * var(--space-unit));
  --space-lg:   calc(2 * var(--space-unit)); 
  --space-xl:   calc(3.25 * var(--space-unit));
  --space-xxl:  calc(5.25 * var(--space-unit));
}