/* RESET */
*, *::after, *::before {
  box-sizing: border-box;
}

img {
  image-rendering: -webkit-optimize-contrast;
  max-width: 100%;
}

ol, ul {
  list-style: none;
  margin:     0;
  padding:    0;
}

a {
  color:           var(--color-text-primary);
  text-decoration: none;
}

a:hover {
  color: var(--color-accent);
}

input {
  font-family: var(--font-family);
  font-size:   var(--font-size-base);
}

input[type=checkbox] {
  min-height: 15px;
}

.form-control {
  font-size: var(--font-size-base);
}

/* TYPOGRAPHY */
.page-title {
  font-size:     var(--font-size-2xl);
  font-weight:   var(--font-weight-bold);
  color:         var(--color-text-primary);
  margin-bottom: var(--space-5);
  margin-top:    0;
}

.section-title {
  font-size:     var(--font-size-xl);
  font-weight:   var(--font-weight-semibold);
  color:         var(--color-text-primary);
  margin-bottom: var(--space-4);
  margin-top:    0;
}

.section-label {
  display:       block;
  margin-bottom: var(--space-2);
  font-weight:   var(--font-weight-semibold);
  color:         var(--color-text-primary);
  font-size:     var(--font-size-sm);
}

.text-muted {
  color: var(--color-text-secondary) !important;
}