/*!
 * Monokai Pirokai - Arctic Frost Highlight.js Theme (customised)
 * Original Theme by Lakshits (https://github.com/lakshits11/monokai-pirokai)
 * Adapted for Highlight.js by Richard Ziupsnys
 */

/* Base styling for code block */
.hljs {
    display: block;
    overflow-x: auto;
    background: #1F1F28;
    color: #E2E2E3;
    padding: 1em;
    border-radius: 8px;
    line-height: 1.5;
}

/* Comments */
.hljs-comment,
.hljs-quote {
    color: #7F8490;
    font-style: italic;
}

/* Keywords, Control Flow (if, else, while), Math Operators */
.hljs-keyword,
.hljs-built_in,
.hljs-selector-tag,
.hljs-type,
.hljs-literal,
.hljs-template-tag,
.hljs-regexp,
.hljs-meta .hljs-keyword,
.hljs-operator {
    color: #FC5D7C; /* Red for keywords and math operators */
}

/* Punctuation (concatenation and brackets) */
.hljs-punctuation {
    color: #FC5D7C; /* Red for concatenation operators (..) */
}

/* Strings and Escape Sequences */
.hljs-string {
    color: #E7C664; /* Yellow for regular strings */
}

/* Numbers, Constants */
.hljs-number,
.hljs-symbol,
.hljs-bullet,
.hljs-literal {
    color: #B39DF3;
}

/* Variable Names (Identifiers) */
.hljs-variable,
.hljs-template-variable,
.hljs-title.class_,
.hljs-title.function_ {
    color: #A86EFD; /* Purple for variable names */
}

/* Function and Class Names */
.hljs-function,
.hljs-title.class_,
.hljs-title.function_ {
    color: #A2AEEF;
}

/* Attribute names within HTML, CSS, etc. */
.hljs-attribute {
    color: #FC5D7C;
}

/* Emphasis and Strong elements */
.hljs-strong {
    font-weight: bold;
    color: #FC5D7C;
}

.hljs-emphasis {
    font-style: italic;
    color: #E2E2E3;
}