// Box shadow utilities

// Box shadows

.color-shadow-small {
  box-shadow: var(--shadow-resting-small, var(--color-shadow-small)) !important;
}

.color-shadow-medium {
  box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium)) !important;
}

.color-shadow-large {
  box-shadow: var(--shadow-floating-large, var(--color-shadow-large)) !important;
}

.color-shadow-extra-large {
  box-shadow: var(--shadow-floating-xlarge, var(--color-shadow-extra-large)) !important;
}

.shadow-floating-small {
  box-shadow: var(--shadow-floating-small, var(--color-overlay-shadow)) !important;
}

// Turn off box shadow

.box-shadow-none {
  box-shadow: none !important;
}