/* Define color variables at the root level */
:root {
  --color-lnw: rgb(30, 75, 69);
  --color-lo: rgb(250, 166, 26);
  --color-met: rgb(155, 0, 88);
  --color-button-text: white;
}

.card-border-left {
  border-left: 10px solid transparent;
}

.card-lnw {
  border-color: var(--color-lnw);
}

.card-lo {
  border-color: var(--color-lo);
}

.card-met {
  border-color: var(--color-met);
}

.btn-lnw {
  background-color: var(--color-lnw);
  color: var(--color-button-text);
}

.btn-lo {
  background-color: var(--color-lo);
  color: var(--color-button-text);
}

.btn-met {
  background-color: var(--color-met);
  color: var(--color-button-text);
}

.btn.flex-fill {
  flex: 1 1 auto;
  width: 100%;
}

button {
  -webkit-tap-highlight-color: transparent;
  transition: none;
}