@mixin gradient-bg($brand-light, $brand-dark) {
  background-image: linear-gradient(225deg, $brand-dark, $brand-light);
}

@mixin wood-grain($brand-light, $brand-dark, $wood-opacity) {
  @include gradient-bg($brand-light, $brand-dark);

  &::before {
    background-image: url(#{$ui-resources-path}/images/patterns/wood-grain-#{$wood-opacity}.svg);
  }
}