/* Shared design utilities. */

.app-stack-sm > * + * {
  margin-top: var(--ds-space-2);
}

.app-stack-md > * + * {
  margin-top: var(--ds-space-3);
}

.app-stack-lg > * + * {
  margin-top: var(--ds-space-4);
}

.app-text-muted {
  color: var(--ds-color-text-muted) !important;
}

.app-surface {
  background: var(--ds-color-surface-raised);
  border: 1px solid var(--ds-color-border-subtle);
  border-radius: var(--ds-radius-md);
}

.app-elevation-1 {
  box-shadow: var(--ds-elevation-1);
}

.app-elevation-2 {
  box-shadow: var(--ds-elevation-2);
}