@import 'breakpoints';
@import 'typography-usage';

body {
  @include cre8-typography-body-default();
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  color: var(--cre8-color-content-default);
  background: var(--cre8-color-bg-default);
}

// TODO: Remove
.page-container {
  @media all and (min-width:$cre8-bp-lg) {
    background: linear-gradient(90deg, #fff 0, #fff 66.66%, #f8f8f9 0, #f8f8f9 0);
  }
}

// TODO: Remove
.band__inner {
  margin-left: 2rem;
  margin-right: 2rem;

  @media all and (min-width:$cre8-bp-lg) {
    margin-right: 0;
  }
}