/*
 *= require_self
*/

/* Global link colors (override browser purple) */
a {
  color: var(--gold);
  text-decoration: none;
}

a:hover {
  color: var(--ink);
  text-decoration: underline;
}

a:visited {
  color: var(--gold);
}

/* Buttons and nav should stay light, not gold */
.btn,
.btn:visited,
.nav a,
.nav a:visited,
.back-button,
.back-button:visited,
.brand,
.brand:visited {
  color: #fff4de;
}

.hidden {
  display: none;
}

/* Comment replies */
.comment-reply {
  margin-left: 2rem;
  position: relative;
}

.comment-reply::before {
  content: "";
  position: absolute;
  left: -1.5rem;
  top: 0;
  bottom: 0;
  border-left: 1px solid var(--gold)
}

.comment__actions {
  font-size: 0.85rem;
  /* smaller than normal text */
  color: #666;
  /* optional: lighter shade */
}