:root {
  --light-yellow: #e5c07b;
  --dark-yellow: #d19a66;
  --blue: #61afef;
  --cyan: #56b6c2;
  --light-red: #e06c75;
  --dark-red: #be5046;
  --comment-gray: #5c6370;
  --magenta: #c678dd;
}

pre {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 10px 5px;
}

/* Base code color */
pre code,
code {
  color: #ffffff;
}

/* Zine syntax highlighting classes */
.keyword {
  color: var(--light-yellow);
}

.type {
  color: var(--light-yellow);
}

.string {
  color: var(--dark-yellow);
}

.number {
  color: var(--magenta);
}

.function {
  color: var(--blue);
}

.function_method {
  color: var(--blue);
}

.function_builtin {
  color: var(--blue);
}

.variable {
  color: var(--cyan);
}

.comment {
  color: var(--comment-gray);
}

.operator {
  color: var(--light-red);
}

.property {
  color: var(--cyan);
}

.constant_builtin {
  color: var(--magenta);
}