@use "../../variables/index" as *;

@use "../mixins/shadows-helper";

/**
 * Elevation (Shadow) Utilities
 *
 * Note: Uses shadows-helper mixin which references elevation design tokens.
 *
 * Intentionally hardcoded values:
 * - None - uses mixin with elevation token parameters (sm, md, lg, hover)
 */

.elevation-sm {
  @include shadows-helper.boxShadowHelper(sm);
  &--border {
    @include shadows-helper.boxShadowHelper(sm, border);
  }
}
.elevation-md {
  @include shadows-helper.boxShadowHelper(md);
  &--top {
    @include shadows-helper.boxShadowHelper(md, top);
  }
  &--right {
    @include shadows-helper.boxShadowHelper(md, right);
  }
  &--left {
    @include shadows-helper.boxShadowHelper(md, left);
  }
}
.elevation-lg {
  @include shadows-helper.boxShadowHelper(lg);
}
.elevation-hover {
  @include shadows-helper.boxShadowHelper(hover);
}

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