body.theme {
  background-color: var(--background-color);
  color: var(--text-color);
}

/* Navigation */

.theme .nav-item {
  font-family: var(--header-font);
  color: var(--menu-text-color);
}

.theme .nav-item:hover {
  color: var(--menu-active-text-color);
}

.theme .nav-item--active {
  color: var(--menu-active-text-color);
}

/* Content */

.theme .content {
  padding: 2rem;
  line-height: 1.6;
}

.theme .content h1 {
  font-size: 2.8rem;
  font-weight: 500;
}

.theme .content h2 {
  font-size: 2.5rem;
  font-weight: 500;
}

.theme .content h3 {
  font-size: 2.25rem;
  font-weight: 500;
}

.theme .content h4 {
  font-size: 1.8rem;
  font-weight: 500;
}

.theme .content a {
  color: var(--link-color);
  text-decoration: underline;
}

.theme .content p {
  padding-bottom: 1rem;
}

.theme .content p:last-child {
  padding-bottom: 0;
}

.theme .content ul,
.theme .content ol {
  list-style-position: outside;
  margin-left: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.theme .content ul {
  font-family: var(--paragraph-font);
  list-style-type: disc;
}

.theme .content ol {
  list-style-type: decimal;
}

.theme .content hr {
  margin-bottom: 1rem;
}

/* Forms */
.theme .button--primary {
  background-color: var(--link-color);
  color: var(--text-color);
  padding: 1rem 2rem;
}

.theme .button--primary:hover {
  background-color: var(--link-color-1);
}

.theme .field:focus {
  border-color: var(--background-color-2);
  box-shadow: white 0px 0px 0px 0px, var(--background-color) 0px 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

/* Writing Sample */
.theme .writing-sample-preview a,
.theme .writing-sample a.no-underline {
  text-decoration: none;
}

.theme .writing-sample-preview h3,
.theme .post-preview h3 {
  /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
  font-family: var(--header-font);
  font-size: 1.35rem;
  font-weight: 600;
  padding-bottom: 0.5rem;
}

.theme .writing-sample h2 {
  /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
  font-family: var(--header-font);
  font-weight: 600;
  font-size: 1.85rem;
}

.theme .writing-sample img {
  margin-bottom: 1rem;
}