:root {
  --font-size-body: 1rem;
  --font-line-height: 1.4;

  --padding: 1.5rem;
  --padding-xxs: calc(var(--padding) / 4);
  --padding-xs: calc(var(--padding) / 2);
  --padding-sm: calc(var(--padding) / 1.5);
  --padding-m: calc(var(--padding) * 1.5);
  --padding-lg: calc(var(--padding) * 2);

  /* --indent: 0.6rem; */
  --indent: 1.2rem;

  --sizes-header-height: calc(var(--sizes-paragraph-space) + var(--padding-lg));
  --sizes-content-width: calc(100dvw - var(--padding-lg));
  --sizes-paragraph-space: calc(
    var(--font-size-body) * var(--font-line-height)
  );

  --z-index-header: 900;
  --z-index-max: 999;
  --z-index-lightbox: 1000;

  --color-primary: #000;
  --color-bg: #fff;
}