:root {
  --tifa-green: #15a05d;
  --tifa-green-dark: #087342;
  --tifa-ink: #20252f;
  --tifa-muted: #56616f;
  --tifa-border: #dfe6e2;
}

body {
  background: #ffffff;
  color: var(--tifa-ink);
}

.top-container,
.ls-privacy-body,
.group-container,
.question-container,
.completed-wrapper,
.error-wrapper {
  font-family: "IBM Plex Sans", Arial, sans-serif;
}

.logo-container img,
.navbar-brand img,
.survey-welcome img.logo,
.brand-logo img {
  max-height: 82px;
  width: auto;
}

.ls-question-text,
.group-title,
.survey-name,
h1, h2, h3 {
  color: var(--tifa-ink);
}

.text-primary,
.ls-questionhelp,
.ls-em-tip {
  color: var(--tifa-muted) !important;
}

.btn-primary,
.btn-success,
.ls-move-submit-btn,
.ls-move-next-btn,
.ls-move-previous-btn {
  background-color: var(--tifa-green) !important;
  border-color: var(--tifa-green) !important;
  color: #fff !important;
  border-radius: 6px;
}

.btn-primary:hover,
.btn-success:hover,
.ls-move-submit-btn:hover,
.ls-move-next-btn:hover,
.ls-move-previous-btn:hover {
  background-color: var(--tifa-green-dark) !important;
  border-color: var(--tifa-green-dark) !important;
}

.progress-bar,
.ls-progress-bar .progress-bar {
  background-color: var(--tifa-green) !important;
}

.question-container,
.group-container {
  border-color: var(--tifa-border);
  box-shadow: 0 8px 24px rgba(31, 49, 38, 0.06);
}

a,
a:visited {
  color: var(--tifa-green-dark);
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: var(--tifa-green) !important;
  box-shadow: 0 0 0 .2rem rgba(21, 160, 93, .16) !important;
}