.light-shadow {
  box-shadow: -2px 2px 4px rgba($color: #999999, $alpha: 0.1),
    -1px 1px 4px -1px rgba(var(--shadow-color), $alpha: 0.3);
}

.medium-shadow {
  box-shadow: -2px 2px 4px rgba($color: #999999, $alpha: 0.1),
    -2px 2px 5px 2px rgba(var(--shadow-color), $alpha: 0.3);
}

.dark-shadow {
  box-shadow: -4px 4px 7px rgba($color: #999999, $alpha: 0.1),
    -5px 5px 15px 5px rgba(var(--shadow-color), $alpha: 0.3);
}

.inward-shadow {
  box-shadow: -1px 1px 2px rgba($color: #999999, $alpha: 0.1) inset,
    -1px 1px 3px -1px rgba(var(--shadow-color), $alpha: 0.3) inset;
}