// Math module for division
@use "sass:math";

@import "../../atoms/atoms-settings";
@import "../../atoms/colors/colors";
@import "../../atoms/fonts/fonts";
@import "../../atoms/spacing/spacing";

@import "../_mixins/content-container";

.component {
  padding: spacing(-1);
  @include set-colors("background-secondary");
  @include content-container;

  &--warning { 
     @include set-colors("utility-warning-background");
  } 
  
  &__header {
    margin-bottom: spacing(-5);
    @include set-font(1, "single", $weight: "bold");

    &--shout { 
      text-transform: uppercase;
    }
  } 

  &__content {
    @include set-font(0, "multiple");
  }
}