Update shadows

sass/components/card.sass

@@ -1,18 +1,18 @@
 $card-color: $text !default
 $card-background-color: $white !default
-$card-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
+$card-shadow: 0 0.5em 1em -0.125em rgba($black, 0.1), 0 0px 0 1px rgba($black, 0.02) !default
 
 $card-header-background-color: transparent !default
 $card-header-color: $text-strong !default
-$card-header-padding: 0.75rem !default
-$card-header-shadow: 0 1px 2px rgba($black, 0.1) !default
+$card-header-padding: 0.75rem 1rem !default
+$card-header-shadow: 0 0.125em 0.25em rgba($black, 0.1) !default
 $card-header-weight: $weight-bold !default
 
 $card-content-background-color: transparent !default
 $card-content-padding: 1.5rem !default
 
 $card-footer-background-color: transparent !default
-$card-footer-border-top: 1px solid $border !default
+$card-footer-border-top: 1px solid $border-light !default
 $card-footer-padding: 0.75rem !default
 
 $card-media-margin: $block-spacing !default

sass/components/dropdown.sass

@@ -6,7 +6,7 @@ $dropdown-content-offset: 4px !default
 $dropdown-content-padding-bottom: 0.5rem !default
 $dropdown-content-padding-top: 0.5rem !default
 $dropdown-content-radius: $radius !default
-$dropdown-content-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
+$dropdown-content-shadow: 0 0.5em 1em -0.125em rgba($black, 0.1), 0 0px 0 1px rgba($black, 0.02) !default
 $dropdown-content-z: 20 !default
 
 $dropdown-item-color: $grey-dark !default

sass/elements/box.sass

@@ -1,10 +1,10 @@
 $box-color: $text !default
 $box-background-color: $white !default
 $box-radius: $radius-large !default
-$box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
+$box-shadow: 0 0.5em 1em -0.125em rgba($black, 0.1), 0 0px 0 1px rgba($black, 0.02) !default
 $box-padding: 1.25rem !default
 
-$box-link-hover-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link !default
+$box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($black, 0.1), 0 0 0 1px $link !default
 $box-link-active-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link !default
 
 .box

sass/elements/progress.sass

@@ -1,4 +1,4 @@
-$progress-bar-background-color: $border !default
+$progress-bar-background-color: $border-light !default
 $progress-value-background-color: $text !default
 $progress-border-radius: $radius-rounded !default
 

sass/form/shared.sass

@@ -2,7 +2,7 @@ $input-color: $grey-darker !default
 $input-background-color: $white !default
 $input-border-color: $grey-lighter !default
 $input-height: $control-height !default
-$input-shadow: inset 0 1px 2px rgba($black, 0.1) !default
+$input-shadow: inset 0 1px 2px rgba($black, 0.05) !default
 $input-placeholder-color: rgba($input-color, 0.3) !default
 
 $input-hover-color: $grey-darker !default

sass/utilities/derived-variables.sass

@@ -33,6 +33,8 @@ $background: $white-ter !default
 
 $border: $grey-lighter !default
 $border-hover: $grey-light !default
+$border-light: $grey-lightest !default
+$border-light-hover: $grey-light !default
 
 // Text colors
 

sass/utilities/initial-variables.sass

@@ -9,6 +9,7 @@ $grey-dark:    hsl(0, 0%, 29%) !default
 $grey:         hsl(0, 0%, 48%) !default
 $grey-light:   hsl(0, 0%, 71%) !default
 $grey-lighter: hsl(0, 0%, 86%) !default
+$grey-lightest: hsl(0, 0%, 93%) !default
 
 $white-ter:    hsl(0, 0%, 96%) !default
 $white-bis:    hsl(0, 0%, 98%) !default