:root {
  --primary-color: #01818D;
  --secondary-color: #686868;
}

.smartler-font {
  font-family: 'Montserrat', sans-serif;
}

.smartler-label {
  font-weight: 600;
}

.smartler-label::first-letter {
  font-weight: 900;
}

.smartler-primary-color {
  color: var(--primary-color);
}

.smartler-primary-color:hover {
  color: var(--primary-color);
  /* Ensure it stays the same on hover */
}

.smartler-text-secondary-color {
  color: var(--secondary-color)
}

.accordion-button:not(.collapsed) {
  color: var(--primary-color);
}

.form-range::-webkit-slider-thumb {
  background-color: var(--primary-color);
  border: var(--primary-color);
}

.form-check-input[type=checkbox]:checked {
  background-color: var(--primary-color);
}

.form-check-input[type=checkbox]:checked:focus {
  background-color: var(--primary-color);
}

.form-switch .form-check-input:checked:focus {
  background-color: var(--primary-color);
}

.form-switch .form-check-input:checked[type=checkbox]:after {
  background-color: var(--primary-color);
}

/* focused borders and label*/
.form-outline .form-control:focus~.form-notch .form-notch-leading {
  border-top: .05rem solid #01818D;
  border-bottom: .05rem solid #01818D;
  border-left: .05rem solid #01818D;
}

.form-outline .form-control:focus~.form-notch .form-notch-trailing {
  border-top: .05rem solid #01818D;
  border-right: .05rem solid #01818D;
  border-bottom: .05rem solid #01818D;
}

.form-outline .form-control:focus~.form-notch .form-notch-middle {
  border-top: 0;
  border-bottom: .05rem solid #01818D;
}

.form-outline .form-control:focus~.form-label {
  color: #01818D;
}

/* Official "Download on the App Store" badge — footer and landing hero.
   The badge artwork is Apple's; only spacing and hover feedback are ours. */
.app-store-badge {
  display: inline-block;
  line-height: 0;
  transition: opacity 0.2s ease;
}

.app-store-badge:hover {
  opacity: 0.8;
}

.app-store-badge img {
  width: 120px;
  height: 40px;
}