@import "./vars.pcss";

.section {
  background: var(--sectionBg);
  padding: var(--sectionPadding);
  width: var(--sectionWidth);
  @mixin mb var(--sectionMb);

  &__header {
    padding: var(--sectionHeaderPadding);
    background: var(--sectionHeaderBg);
    @mixin mb var(--sectionHeaderMb);
  }

  &__content {
    padding: var(--sectionContentPadding);
    background: var(--sectionHeaderBg);
    @mixin mb var(--sectionContentMb);
  }

  &__footer {
    padding: var(--sectionFooterPadding);
    background: var(--sectionFooterBg);
  }
}