@function shadow($color) {
  $box-shadow-elevation: 1rem;
  $box-shadow-blur-strengh: 6rem;
  $box-shadow-opacity: 0.06;

  @return #{($box-shadow-elevation * 0.5 * 0.029)} #{($box-shadow-elevation * 0.029)} #{(
        $box-shadow-blur-strengh * 0.029
      )} #{rgba($color, ($box-shadow-opacity * 0.283))},
    #{($box-shadow-elevation * 0.5 * 0.067)} #{($box-shadow-elevation * 0.067)} #{(
        $box-shadow-blur-strengh * 0.067
      )} #{rgba($color, ($box-shadow-opacity * 0.4))},
    #{($box-shadow-elevation * 0.5 * 0.125)} #{($box-shadow-elevation * 0.125)} #{(
        $box-shadow-blur-strengh * 0.125
      )} #{rgba($color, ($box-shadow-opacity * 0.5))},
    #{($box-shadow-elevation * 0.5 * 0.225)} #{($box-shadow-elevation * 0.225)} #{(
        $box-shadow-blur-strengh * 0.225
      )} #{rgba($color, ($box-shadow-opacity * 0.6))},
    #{($box-shadow-elevation * 0.5 * 0.417)} #{($box-shadow-elevation * 0.417)} #{(
        $box-shadow-blur-strengh * 0.417
      )} #{rgba($color, ($box-shadow-opacity * 0.717))},
    #{($box-shadow-elevation * 0.5)} #{$box-shadow-elevation} #{$box-shadow-blur-strengh} #{rgba(
        $color,
        $box-shadow-opacity
      )},
    0 0 0 0.0625rem #{rgba($color, ($box-shadow-opacity * 0.25))};
}