:root {
  --crd-accent: #2f7e79;
  --crd-accent-strong: #255f5b;
  --crd-accent-secondary: #4b6b88;
  --crd-accent-soft: #69acb7;
  --crd-accent-band: #163247;
}

.orange.button,
.button.orange,
.btn--accent,
.badge--accent,
.btn--accent.btn--fill {
  background-color: var(--crd-accent) !important;
  border-color: var(--crd-accent) !important;
  color: #fff !important;
}

.orange.button:hover,
.button.orange:hover,
.btn--accent:hover,
.badge--accent:hover,
.btn--accent.btn--fill:hover {
  background-color: var(--crd-accent-strong) !important;
  border-color: var(--crd-accent-strong) !important;
}

.section-bg--accent,
.module--section-bg .section-bg--accent {
  background: var(--crd-accent-band) !important;
  border-color: var(--crd-accent) !important;
}

.section-bg--accent .btn--accent,
.section-bg--accent .orange.button,
.section-bg--accent .button.orange {
  background-color: var(--crd-accent) !important;
  border-color: var(--crd-accent) !important;
}

.section-bg--accent .btn--accent:hover,
.section-bg--accent .orange.button:hover,
.section-bg--accent .button.orange:hover {
  background-color: var(--crd-accent-strong) !important;
  border-color: var(--crd-accent-strong) !important;
}

.section-intro__divider-line,
.section-bg--accent .section-intro__divider-line {
  background-color: var(--crd-accent) !important;
}

.icon--accent.icon--fill,
[class*=" icon--accent"].icon--fill,
[class^="icon--accent"].icon--fill {
  background: var(--crd-accent) !important;
  border-color: var(--crd-accent) !important;
  color: #fff !important;
}

.icon--accent.icon--outline,
[class*=" icon--accent"].icon--outline,
[class^="icon--accent"].icon--outline {
  border-color: var(--crd-accent) !important;
  color: var(--crd-accent) !important;
}

.accordion__back-to-top,
.properties__item:hover .properties__text,
.properties__item:focus .properties__text {
  color: var(--crd-accent) !important;
}
