@use '../lib/colors';
@use '../lib/layout';
@use '../lib/typography';

.page-section {
  padding: layout.$large-gap;

  &.inverse {
    color: colors.$gray-50;
    background-color: colors.$blue-800;

    h2:after {
      background-color: colors.$gray-50;
    }
  }

  &.footer {
    background-color: colors.$teal-500;
  }
}