// Component focus shadow
@mixin control-shadow($color: $primary-color) {
  box-shadow: 0 2px .3rem 0 rgba($color, .2);
}

@mixin layout-shadow() {
  @include themed('page') {
    box-shadow: 0px 0px 10px rgba(109, 173, 238, 0.1);
  }
}

// Shadow mixin
@mixin shadow-variant($offset) {
  box-shadow: 0 $offset ($offset + .05rem) * 2 rgba($dark-color, .3);
}

// Primary mixin
@mixin primary-shadow() {
  box-shadow:0 2px 20px 0 rgba(255,132,73,0.4);
}