/* Custom Highlight.js Theme with RHEM Labs Colors */

:root {
   --ivory: #FAFFEB;
   --platinum: #DEE6E3;
   --brunswick-green: #0D4E3B;
   --brunswick-green-var: #168765;
   --brunswick-green-var-2: #3dba95;
   --myrtle-green: #35797C;
   --battleship-gray: #728981;
   --battleship-gray-var: #99b8ad;
   --black: #000000;
   --white: #FFFFFF;
   --muted-orange: #FF8C00;
   --muted-yellow: #FFD700;
}

.hljs {
   display: block;
   overflow-x: auto;
   padding: 0.5em;
   background: var(--black);
   color: var(--ivory);
}

.code-container {
   background: var(--black);
}

.hljs-comment,
.hljs-quote {
   color: var(--brunswick-green-var-2);
   font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
   color: var(--muted-yellow);
   font-weight: bold;
}

.hljs-literal,
.hljs-number,
.hljs-tag .hljs-attr {
   color: var(--muted-orange);
}

.hljs-string,
.hljs-doctag,
.hljs-bullet,
.hljs-regexp,
.hljs-symbol,
.hljs-template-tag,
.hljs-template-variable,
.hljs-addition {
   color: var(--brunswick-green-var);
}

.hljs-name,
.hljs-section,
.hljs-selector-id,
.hljs-selector-class {
   color: var(--muted-yellow);
   font-weight: bold;
}

.hljs-attribute {
   color: var(--muted-orange);
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-class .hljs-title,
.hljs-type {
   color: var(--muted-yellow);
}

.hljs-built_in,
.hljs-builtin-name,
.hljs-title,
.hljs-params,
.hljs-deletion {
   color: var(--ivory);
}

.hljs-link {
   color: var(--muted-yellow);
   text-decoration: underline;
}

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

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

/* Custom additions */
.code-container {
   border: 1px solid var(--battleship-gray);
   border-radius: 4px;
   margin: 1em 0;
}

.inline-code {
   background-color: var(--battleship-gray);
   padding: 0.2em 0.4em;
   border-radius: 3px;
   font-family: monospace;
}