/* Component variables */
.tl-message,
tds-message {
  --message-main-background: var(--color-background-layer-03);
  --message-mode-primary-background: var(--color-background-layer-03);
  --message-mode-secondary-background: var(--color-background-layer-02);
  --message-main-text-color: var(--color-foreground-text-strong);

  /* Info */
  --message-info-border-color: var(--color-system-info-subtle);
  --message-info-icon-color: var(--color-system-info-subtle);

  /* Success */
  --message-success-border-color: var(--color-system-success-subtle);
  --message-success-icon-color: var(--color-system-success-subtle);

  /* Error */
  --message-error-background: var(--color-system-danger-discrete);
  --message-error-border-color: var(--color-system-danger-subtle);
  --message-error-icon-color: var(--color-system-danger-subtle);
  --message-error-header-text-color: var(--color-system-danger-default);

  /* Warning */
  --message-warning-border-color: var(--color-system-warning-subtle);
  --message-warning-icon-color: var(--color-system-warning-subtle);
}