/* TYPOGRAPHY */
/* COMMON */

:root {
  --text-dark: #202020;
  --input-placeholder: #9e9e9e;
}
body {
  color: var(--text_primary);
  font-family: var(--body-font-family);
}
.text_primary {
  color: var(--text_primary);
}
.text_secondary {
  color: var(--text_secondary);
}
.text-body-secondary {
  color: var(--text_secondary) !important;
}

h1,
h2,
h3,
h4 {
  color: var(--text_primary);
  font-family: var(--heading-font-family);
}

h5,
h6 {
  color: var(--text_primary);
  font-family: var(--heading-body-family);
}

@media print {
  body {
    color: var(--text-dark);
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: var(--text-dark) !important;
  }
}

.mpp-svg-fill {
  fill: var(--text_primary);
}

.mpp-svg-stroke {
  stroke: var(--text_secondary);
  &.active {
    stroke: var(--text_primary);
  }
  stroke: var(--text_primary);
}
#settings_nav .nav-item.active {
  border: 1px solid var(--primary-color);
  background: var(--bg_3_lvl);
  color: var(--text_primary) !important;
}
.nav-item.active,
#settings_nav .nav-item:hover {
  color: var(--primary-color);
}

.navbar-text,
.nav-link,
.navbar-nav .nav-link.show,
.card-title,
.day-nutrition-value {
  color: var(--text_primary);
}

.day-nutrition-label {
  color: var(--text_secondary);
}

.comments_collapse_header {
  color: var(--text_primary);
}
.form-control::-webkit-input-placeholder {
  color: var(--input-placeholder) !important;
}
.form-control::-moz-placeholder {
  color: var(--input-placeholder) !important;
}
.form-control:-ms-input-placeholder {
  color: var(--input-placeholder) !important;
}
.form-control::-ms-input-placeholder {
  color: var(--input-placeholder) !important;
}
.text-muted,
.form-control::placeholder {
  color: var(--input-placeholder) !important;
}
.web_caption_1 {
  color: var(--text_primary);
}

.daterangepicker .calendar-table td {
  color: var(--text_primary);
}

.modal-title {
  font-family: var(--body-font-family);
}
.group_title {
  color: var(--text_secondary);
}