/*
$shadow: (
  xs: 0 2px 20px -2px rgba(0, 0, 0, 0.1),
  sm: 0 4px 30px -4px rgba(0, 0, 0, 0.2),
  md: 0 6px 40px -6px rgba(0, 0, 0, 0.4),
  lg: 0 8px 50px -8px rgba(0, 0, 0, 0.6),
  xl: 0 10px 60px -10px rgba(0, 0, 0, 0.8),
);
*/

@function shadow($b) {
  @return var(--llm-shadow-#{$b});
}

@mixin renderShadow() {
  @each $key, $value in $breakpoints {
    --llm-shadow-#{$key}: #{map-get($shadow, $key)};
  }
}