:root {
  --digams-action-orange: #f28c1b;
  --digams-action-orange-dark: #d87508;
  --digams-cancel-gray: #6c757d;
  --digams-cancel-gray-dark: #5a6268;
  --digams-danger-red: #dc3545;
  --digams-danger-red-dark: #b02a37;
}

/* Primary action buttons: orange */
.btn-primary,
.btn-warning,
.btn-info,
.btn-success,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--digams-action-orange) !important;
  border-color: var(--digams-action-orange) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: var(--digams-action-orange-dark) !important;
  border-color: var(--digams-action-orange-dark) !important;
  color: #fff !important;
}

.btn-outline-primary {
  color: var(--digams-action-orange) !important;
  border-color: var(--digams-action-orange) !important;
}

/* Cancel/back buttons: gray */
.btn-secondary,
.btn-cancel,
a.btn-secondary {
  background-color: var(--digams-cancel-gray) !important;
  border-color: var(--digams-cancel-gray) !important;
  color: #fff !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-cancel:hover,
.btn-cancel:focus,
.btn-cancel:active,
a.btn-secondary:hover,
a.btn-secondary:focus,
a.btn-secondary:active {
  background-color: var(--digams-cancel-gray-dark) !important;
  border-color: var(--digams-cancel-gray-dark) !important;
  color: #fff !important;
}

/* Delete/remove buttons: red */
.btn-danger,
.remove-row,
button.remove-row,
a.btn-danger {
  background-color: var(--digams-danger-red) !important;
  border-color: var(--digams-danger-red) !important;
  color: #fff !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.remove-row:hover,
.remove-row:focus,
.remove-row:active,
button.remove-row:hover,
button.remove-row:focus,
button.remove-row:active,
a.btn-danger:hover,
a.btn-danger:focus,
a.btn-danger:active {
  background-color: var(--digams-danger-red-dark) !important;
  border-color: var(--digams-danger-red-dark) !important;
  color: #fff !important;
}

/* Icon action links in list tables */
.action-link {
  color: var(--digams-action-orange) !important;
}

.action-link:hover,
.action-link:focus {
  color: var(--digams-action-orange-dark) !important;
}

.action-link[title*="Delete"],
.action-link[title*="delete"],
.action-link[title*="Remove"],
.action-link[title*="remove"] {
  color: var(--digams-danger-red) !important;
}

.action-link[title*="Delete"]:hover,
.action-link[title*="delete"]:hover,
.action-link[title*="Remove"]:hover,
.action-link[title*="remove"]:hover,
.action-link[title*="Delete"]:focus,
.action-link[title*="delete"]:focus,
.action-link[title*="Remove"]:focus,
.action-link[title*="remove"]:focus {
  color: var(--digams-danger-red-dark) !important;
}