:root {
  --hm-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --hm-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --hm-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --hm-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}

.shadow {
  box-shadow: var(--hm-box-shadow);
}
.shadow-sm {
  box-shadow: var(--hm-box-shadow-sm);
}
.shadow-lg {
  box-shadow: var(--hm-box-shadow-lg);
}
.shadow-inset {
  box-shadow: var(--hm-box-shadow-inset);
}