:root {
  --code-element: #fc63ff;
  --code-attr: #ffc246;
  --code-str: #c0e36e;
}

code {
    background-color: var(--primary-text);
    color: var(--primary);
    display: inline-block;
    font-family: "Roboto Mono", monospace;
}

code.preformatted-text {
    display: block;
    white-space: pre-wrap;
    padding: 5px;
    font-size: small;
}

.lang-element {
    font-style: italic;
    color: var(--code-element);
}

.lang-attribute {
    color: var(--code-attr);
}

.lang-string {
    color: var(--code-str);
}