:root {
  --elevation-low: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
  --elevation-medium: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  --elevation-inset-low: 0px 0px 12px 0px rgba(0, 0, 0, 0.15) inset;
}

:root.dark-theme {
  --elevation-low: 0px 1px 3px 0px #000;
  --elevation-medium: 0px 5px 10px 0px #000;
  --elevation-inset-low: 0px 0px 12px 0px #000 inset;
}

.elevation-low {
  box-shadow: var(--elevation-low);
}

.elevation-medium {
  box-shadow: var(--elevation-medium);
}

.elevation-inset-low {
  box-shadow: var(--elevation-inset-low);
}