/* Shadows are intentionally very subtle gradiations. */
$shadows-data: (
  faint: (
    0 1px 0 0 rgba(22, 29, 37, 0.05),
  ),
  base: (
    0 0 0 1px rgba(63, 63, 68, 0.05),
    0 1px 3px 0 rgba(63, 63, 68, 0.15),
  ),
  deep: (
    0 0 0 1px rgba(6, 44, 82, 0.1),
    0 2px 16px rgba(33, 43, 54, 0.08),
  ),
  layer: (
    0 31px 41px 0 rgba(32, 42, 53, 0.2),
    0 2px 16px 0 rgba(32, 42, 54, 0.08),
  ),
  transparent: 0 0 0 0 transparent,
);

/// Returns the shadow for the specified depth
/// @param {String} $depth [base] - The shadow’s depth.
/// @return {List} The shadow value.

@function shadow($depth: base) {
  $fetched-value: map-get($shadows-data, $depth);

  @if type-of($fetched-value) == list {
    @return $fetched-value;
  } @else {
    @error 'Shadow variant `#{$depth}` not found. Available variants: #{available-names($shadows-data)}';
  }
}