/* ===== syntax.css ===== */

.keyword {
  color: #2980b9;
  font-weight: bold;
}
.string {
  color: #d4ac0d;
}
.comment {
  color: #7f8c8d;
  font-style: italic;
}
.literal {
  color: #27ae60;
}
.function {
  color: #8e44ad;
}
.regex {
  color: #e67e22;
}
.template-expr {
  background: #f0f0f0;
  color: #d35400;
  border-radius: 3px;
  padding: 0 2px;
}

.bracket-depth-1 {
  color: #ff6b6b;
}
.bracket-depth-2 {
  color: #f8c471;
}
.bracket-depth-3 {
  color: #5dade2;
}
.bracket-depth-4 {
  color: #58d68d;
}
.bracket-depth-5 {
  color: #af7ac5;
}