/* assets/css/bootstrap-colors.css */

/* text-color */
.text-purple-500 { color: #6f42c1; }
.text-purple-600 { color: #5a32a3; }
.text-purple-700 { color: #4a2784; }
.text-purple-800 { color: #3b1e66; }
.text-purple-900 { color: #2c1447; }

.text-yellow-500 { color: #ffc107; }
.text-yellow-600 { color: #e0a800; }
.text-yellow-700 { color: #c69500; }
.text-yellow-800 { color: #b37d00; }
.text-yellow-900 { color: #9f6500; }

.text-red-500 { color: #dc3545; }
.text-red-600 { color: #bb2d3b; }
.text-red-700 { color: #990f28; }
.text-red-800 { color: #780a1d; }
.text-red-900 { color: #52000a; }

/* background-color */
.bg-purple-500 { background-color: #6f42c1; }
.bg-purple-600 { background-color: #5a32a3; }
.bg-purple-700 { background-color: #4a2784; }
.bg-purple-800 { background-color: #3b1e66; }
.bg-purple-900 { background-color: #2c1447; }

.bg-yellow-500 { background-color: #ffc107; }
.bg-yellow-600 { background-color: #e0a800; }
.bg-yellow-700 { background-color: #c69500; }
.bg-yellow-800 { background-color: #b37d00; }
.bg-yellow-900 { background-color: #9f6500; }

.bg-red-500 { background-color: #dc3545; }
.bg-red-600 { background-color: #bb2d3b; }
.bg-red-700 { background-color: #990f28; }
.bg-red-800 { background-color: #780a1d; }
.bg-red-900 { background-color: #52000a; }

/* border-color */
.border-purple-500 { border-color: #6f42c1; }
.border-purple-600 { border-color: #5a32a3; }
.border-purple-700 { border-color: #4a2784; }
.border-purple-800 { border-color: #3b1e66; }
.border-purple-900 { border-color: #2c1447; }

.border-yellow-500 { border-color: #ffc107; }
.border-yellow-600 { border-color: #e0a800; }
.border-yellow-700 { border-color: #c69500; }
.border-yellow-800 { border-color: #b37d00; }
.border-yellow-900 { border-color: #9f6500; }

.border-red-500 { border-color: #dc3545; }
.border-red-600 { border-color: #bb2d3b; }
.border-red-700 { border-color: #990f28; }
.border-red-800 { border-color: #780a1d; }
.border-red-900 { border-color: #52000a; }

.text-grey-900,
a.text-grey-900,
a.text-grey-900:visited {
  color: #2f2a33 !important;
}

a.text-grey-900:hover,
a.text-grey-900:focus {
  color: #2f2a33 !important;
}
.action-square i,
.action-square .bi,
.action-square .fa {
  color: #2f2a33 !important;
}

/* Brand Orange (Logo) */
.text-brand-orange { color: #FF7D00 !important; }
.text-brand-orange-700 { color: #CC6400 !important; }
.text-brand-orange-800 { color: #A85100 !important; }

.bg-brand-orange { background-color: #FF7D00 !important; }
.bg-brand-orange-700 { background-color: #CC6400 !important; }
.bg-brand-orange-800 { background-color: #A85100 !important; }

.border-brand-orange { border-color: #FF7D00 !important; }
.border-brand-orange-700 { border-color: #CC6400 !important; }
.border-brand-orange-800 { border-color: #A85100 !important; }

.link-brand-orange { color: #FF7D00 !important; }
.link-brand-orange:hover { color: #CC6400 !important; }

/* Action buttons look */
.action-square {
  width: 64px;
  height: 64px;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .75rem;
}

/* Make icons consistent */
.action-square i,
.action-square .bi,
.action-square .fa {
  color: #FF7D00 !important; /* brand orange */
  font-size: 1.8rem;
}

/* Button style */
.btn-action {
  background-color: #fff !important;
  border: 1px solid #e6e6e8 !important;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.06) !important; /* softer than shadow */
}

/* Hover = subtle brand tint */
.btn-action:hover,
.btn-action:focus {
  background-color: #FFF6EE !important; /* super light orange */
  border-color: #FFD8B8 !important;
}

/* Active = slightly stronger */
.btn-action:active {
  background-color: #FFE7D1 !important;
  border-color: #FFB77A !important;
}