Background

<div class="padding-3 margin-bottom-2 background">
  .background
</div>
<div class="padding-3 margin-bottom-2 background-primary">
  .background-primary
</div>
<div class="padding-3 margin-bottom-2 background-primary-container">
  .background-primary-container
</div>
<div class="padding-3 margin-bottom-2 background-secondary">
  .background-secondary
</div>
<div class="padding-3 margin-bottom-2 background-secondary-container">
  .background-secondary-container
</div>
<div class="padding-3 margin-bottom-2 background-tertiary">
  .background-tertiary
</div>
<div class="padding-3 margin-bottom-2 background-tertiary-container">
  .background-tertiary-container
</div>
<div class="padding-3 margin-bottom-2 background-surface">
  .background-surface
</div>
<div class="padding-3 margin-bottom-2 background-surface-variant">
  .background-surface-variant
</div>
<div class="padding-3 margin-bottom-2 background-error">
  .background-error
</div>
<div class="padding-3 margin-bottom-2 background-error-container">
  .background-error-container
</div>