// Cards
@mixin shadow-sm {
  box-shadow: 0px 2px 8px rgba(30, 37, 48, 0.08);
}

// Tooltips, Callouts, Dropdowns, etc.
@mixin shadow-md {
  box-shadow:
    0px 4px 24px rgba(30, 37, 48, 0.12),
    0px 1px 4px rgba(30, 37, 48, 0.08);
}

// Modals, drawers
@mixin shadow-lg {
  box-shadow:
    0px 8px 24px rgba(30, 37, 48, 0.16),
    0px 4px 8px rgba(30, 37, 48, 0.16);
}