@use "system/breakpoints";
@use "system/colors";
@use "system/typography";
@use "system/spacing";

.ods-message {
  @extend %ods-padding-4, %ods-padding-6-breakpoint-large;

  background-color: colors.$beige;

  &__heading {
    @extend %ods-margin-bottom-1;
    @extend %ods-text--size-kilo, %ods-text--size-kilo-breakpoint-medium, %ods-text--size-juliett-breakpoint-large;
    @extend %ods-text--weight-medium;

  }

  &__text {
    @extend %ods-text--size-lima;
    @extend %ods-text--weight-light;
  }

  &__list {
    @extend %ods-text--size-lima;
    @extend %ods-text--weight-medium;
    @extend %ods-margin-top-2;

    > * + * {
      @extend %ods-margin-top-2;
    }
  }
}