:root {
  --brand-primary: #233647; /* logo */
  --brand-accent: #eca694; /* /rosa  */
  --text-body: #233647; /* textos */
  --bluegray: #668d9d;
}

/* TEXT COLORS */
.text-brand-primary {
  color: var(--brand-primary) !important;
}
.text-brand-accent {
  color: var(--brand-accent) !important;
}
.text-body {
  color: var(--text-body) !important;
}
.text-bluegray {
  color: var(--bluegray) !important;
}

/* BACKGROUNDS */
.bg-brand-primary {
  background-color: var(--brand-primary) !important;
}
.bg-brand-accent {
  background-color: var(--brand-accent) !important;
}
.bg-bluegray {
  background-color: var(--bluegray) !important;
}

/* BORDERS */
.border-brand-primary {
  border-color: var(--brand-primary) !important;
}
.border-brand-accent {
  border-color: var(--brand-accent) !important;
}
.border-bluegray {
  border-color: var(--bluegray) !important;
}

main {
  margin-top: 35px;
}

.p-size {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.7rem;
}

.btn-hero {
  font-size: 0.9rem;
  padding: 0.75rem 1.4rem;
  border-radius: 0.4rem;
  background-color: transparent;
  border: 1px solid #eca694;
  color: #668d9d;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.btn-hero:hover {
  background-color: rgba(242, 140, 125, 0.08);
  border-color: #eca694;
  color: #3f6f83;
}

@media (max-width: 992px) {
  main {
    margin-top: 10px;
  }
}