/* Semantic feedback: nested actions inherit the panel tone, never a fixed colour. */
.feedback--success {
  --feedback-color: var(--success);
  --feedback-bg: var(--success-bg);
}
.feedback--error {
  --feedback-color: var(--danger);
  --feedback-bg: var(--danger-bg);
}
.feedback--warning {
  --feedback-color: var(--warning);
  --feedback-bg: var(--warning-bg);
}
.feedback--info {
  --feedback-color: var(--info);
  --feedback-bg: var(--info-bg);
}
.button.contextual {
  color: var(--feedback-color);
  background: var(--feedback-bg);
  border-color: var(--feedback-color);
}