/* Base styles for highlight.js */
.hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    background-color: #282c34; /* Dark background for consistency */
    color: #abb2bf; /* Light text for readability */
}

/* Specific styles for syntax highlighting */
.hljs-comment,
.hljs-quote {
    color: #5c6370; /* Slightly lighter grey for comments */
}

.hljs-variable,
.hljs-template-variable,
.hljs-attribute,
.hljs-tag,
.hljs-name {
    color: #e06c75; /* Red */
}

.hljs-regexp,
.hljs-link {
    color: #e06c75; /* Red */
}

.hljs-meta,
.hljs-selector-id {
    color: #e5c07b; /* Yellow */
}

.hljs-built_in,
.hljs-title,
.hljs-type {
    color: #e5c07b; /* Yellow */
}

.hljs-string,
.hljs-symbol,
.hljs-bullet {
    color: #98c379; /* Green */
}

.hljs-addition {
    color: #98c379; /* Green */
}

.hljs-number,
.hljs-deletion {
    color: #d19a66; /* Orange */
}

.hljs-section,
.hljs-keyword,
.hljs-selector-class {
    color: #c678dd; /* Purple */
}

.hljs-emphasis {
    font-style: italic;
}

.hljs-strong {
    font-weight: bold;
}

.hljs-code {
    color: #56b6c2; /* Blue */
}