.trend-delta--increase {
  color: light-dark(var(--color-red-700), var(--color-red-300));
}

.trend-delta--decrease {
  color: light-dark(var(--color-green-700), var(--color-green-300));
}

.trend-delta--neutral {
  color: light-dark(var(--color-gray-500), var(--color-zinc-400));
}

.trend-metric__previous-value,
.trend-metric__previous-label {
  color: light-dark(var(--color-gray-400), var(--color-gray-500));
}