/* ============================================
   Syntax Highlighting - Chroma Styles
   Dark theme (Dracula) by default
   Light theme (GitHub-inspired) when [data-theme="light"]
   ============================================ */

/* ---------- Dark Theme (Default - Dracula) ---------- */

/* Background */
.bg { color: #f8f8f2; background-color: #282a36; }
/* PreWrapper */
.chroma { color: #f8f8f2; background-color: #282a36; }
/* LineLink */
.chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
/* LineTableTD */
.chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
/* LineTable */
.chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */
.chroma .hl { background-color: #3d3f4a }
/* LineNumbersTable */
.chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #6272a4 }
/* LineNumbers */
.chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #6272a4 }
/* Line */
.chroma .line { display: flex; }
/* Keyword */
.chroma .k { color: #ff79c6 }
/* KeywordConstant */
.chroma .kc { color: #ff79c6 }
/* KeywordDeclaration */
.chroma .kd { color: #8be9fd; font-style: italic }
/* KeywordNamespace */
.chroma .kn { color: #ff79c6 }
/* KeywordPseudo */
.chroma .kp { color: #ff79c6 }
/* KeywordReserved */
.chroma .kr { color: #ff79c6 }
/* KeywordType */
.chroma .kt { color: #8be9fd }
/* NameAttribute */
.chroma .na { color: #50fa7b }
/* NameClass */
.chroma .nc { color: #50fa7b }
/* NameLabel */
.chroma .nl { color: #8be9fd; font-style: italic }
/* NameTag */
.chroma .nt { color: #ff79c6 }
/* NameBuiltin */
.chroma .nb { color: #8be9fd; font-style: italic }
/* NameBuiltinPseudo */
.chroma .bp { font-style: italic }
/* NameVariable */
.chroma .nv { color: #8be9fd; font-style: italic }
/* NameVariableClass */
.chroma .vc { color: #8be9fd; font-style: italic }
/* NameVariableGlobal */
.chroma .vg { color: #8be9fd; font-style: italic }
/* NameVariableInstance */
.chroma .vi { color: #8be9fd; font-style: italic }
/* NameVariableMagic */
.chroma .vm { color: #8be9fd; font-style: italic }
/* NameFunction */
.chroma .nf { color: #50fa7b }
/* NameFunctionMagic */
.chroma .fm { color: #50fa7b }
/* LiteralString */
.chroma .s { color: #f1fa8c }
/* LiteralStringAffix */
.chroma .sa { color: #f1fa8c }
/* LiteralStringBacktick */
.chroma .sb { color: #f1fa8c }
/* LiteralStringChar */
.chroma .sc { color: #f1fa8c }
/* LiteralStringDelimiter */
.chroma .dl { color: #f1fa8c }
/* LiteralStringDoc */
.chroma .sd { color: #f1fa8c }
/* LiteralStringDouble */
.chroma .s2 { color: #f1fa8c }
/* LiteralStringEscape */
.chroma .se { color: #f1fa8c }
/* LiteralStringHeredoc */
.chroma .sh { color: #f1fa8c }
/* LiteralStringInterpol */
.chroma .si { color: #f1fa8c }
/* LiteralStringOther */
.chroma .sx { color: #f1fa8c }
/* LiteralStringRegex */
.chroma .sr { color: #f1fa8c }
/* LiteralStringSingle */
.chroma .s1 { color: #f1fa8c }
/* LiteralStringSymbol */
.chroma .ss { color: #f1fa8c }
/* LiteralNumber */
.chroma .m { color: #bd93f9 }
/* LiteralNumberBin */
.chroma .mb { color: #bd93f9 }
/* LiteralNumberFloat */
.chroma .mf { color: #bd93f9 }
/* LiteralNumberHex */
.chroma .mh { color: #bd93f9 }
/* LiteralNumberInteger */
.chroma .mi { color: #bd93f9 }
/* LiteralNumberIntegerLong */
.chroma .il { color: #bd93f9 }
/* LiteralNumberOct */
.chroma .mo { color: #bd93f9 }
/* Operator */
.chroma .o { color: #ff79c6 }
/* OperatorWord */
.chroma .ow { color: #ff79c6 }
/* Comment */
.chroma .c { color: #6272a4 }
/* CommentHashbang */
.chroma .ch { color: #6272a4 }
/* CommentMultiline */
.chroma .cm { color: #6272a4 }
/* CommentSingle */
.chroma .c1 { color: #6272a4 }
/* CommentSpecial */
.chroma .cs { color: #6272a4 }
/* CommentPreproc */
.chroma .cp { color: #ff79c6 }
/* CommentPreprocFile */
.chroma .cpf { color: #ff79c6 }
/* GenericDeleted */
.chroma .gd { color: #ff5555 }
/* GenericEmph */
.chroma .ge { text-decoration: underline }
/* GenericHeading */
.chroma .gh { font-weight: bold }
/* GenericInserted */
.chroma .gi { color: #50fa7b; font-weight: bold }
/* GenericOutput */
.chroma .go { color: #44475a }
/* GenericSubheading */
.chroma .gu { font-weight: bold }
/* GenericUnderline */
.chroma .gl { text-decoration: underline }

/* ---------- Light Theme (GitHub-inspired) ---------- */

[data-theme="light"] .bg { color: #24292f; background-color: #f6f8fa; }
[data-theme="light"] .chroma { color: #24292f; background-color: #f6f8fa; }
[data-theme="light"] .chroma .hl { background-color: #fffbdd }
[data-theme="light"] .chroma .lnt { color: #8c959f }
[data-theme="light"] .chroma .ln { color: #8c959f }
/* Keyword */
[data-theme="light"] .chroma .k { color: #cf222e }
[data-theme="light"] .chroma .kc { color: #0550ae }
[data-theme="light"] .chroma .kd { color: #cf222e }
[data-theme="light"] .chroma .kn { color: #cf222e }
[data-theme="light"] .chroma .kp { color: #cf222e }
[data-theme="light"] .chroma .kr { color: #cf222e }
[data-theme="light"] .chroma .kt { color: #953800 }
/* Name */
[data-theme="light"] .chroma .na { color: #116329 }
[data-theme="light"] .chroma .nc { color: #953800 }
[data-theme="light"] .chroma .nl { color: #0550ae }
[data-theme="light"] .chroma .nt { color: #116329 }
[data-theme="light"] .chroma .nb { color: #0550ae; font-style: normal }
[data-theme="light"] .chroma .bp { font-style: normal }
[data-theme="light"] .chroma .nv { color: #0550ae; font-style: normal }
[data-theme="light"] .chroma .vc { color: #0550ae; font-style: normal }
[data-theme="light"] .chroma .vg { color: #0550ae; font-style: normal }
[data-theme="light"] .chroma .vi { color: #0550ae; font-style: normal }
[data-theme="light"] .chroma .vm { color: #0550ae; font-style: normal }
[data-theme="light"] .chroma .nf { color: #8250df }
[data-theme="light"] .chroma .fm { color: #8250df }
/* String */
[data-theme="light"] .chroma .s { color: #0a3069 }
[data-theme="light"] .chroma .sa { color: #0a3069 }
[data-theme="light"] .chroma .sb { color: #0a3069 }
[data-theme="light"] .chroma .sc { color: #0a3069 }
[data-theme="light"] .chroma .dl { color: #0a3069 }
[data-theme="light"] .chroma .sd { color: #0a3069 }
[data-theme="light"] .chroma .s2 { color: #0a3069 }
[data-theme="light"] .chroma .se { color: #0a3069 }
[data-theme="light"] .chroma .sh { color: #0a3069 }
[data-theme="light"] .chroma .si { color: #0a3069 }
[data-theme="light"] .chroma .sx { color: #0a3069 }
[data-theme="light"] .chroma .sr { color: #0a3069 }
[data-theme="light"] .chroma .s1 { color: #0a3069 }
[data-theme="light"] .chroma .ss { color: #0a3069 }
/* Number */
[data-theme="light"] .chroma .m { color: #0550ae }
[data-theme="light"] .chroma .mb { color: #0550ae }
[data-theme="light"] .chroma .mf { color: #0550ae }
[data-theme="light"] .chroma .mh { color: #0550ae }
[data-theme="light"] .chroma .mi { color: #0550ae }
[data-theme="light"] .chroma .il { color: #0550ae }
[data-theme="light"] .chroma .mo { color: #0550ae }
/* Operator */
[data-theme="light"] .chroma .o { color: #cf222e }
[data-theme="light"] .chroma .ow { color: #cf222e }
/* Comment */
[data-theme="light"] .chroma .c { color: #6e7781 }
[data-theme="light"] .chroma .ch { color: #6e7781 }
[data-theme="light"] .chroma .cm { color: #6e7781 }
[data-theme="light"] .chroma .c1 { color: #6e7781 }
[data-theme="light"] .chroma .cs { color: #6e7781 }
[data-theme="light"] .chroma .cp { color: #cf222e }
[data-theme="light"] .chroma .cpf { color: #cf222e }
/* Generic */
[data-theme="light"] .chroma .gd { color: #82071e; background-color: #ffebe9 }
[data-theme="light"] .chroma .gi { color: #116329; background-color: #dafbe1 }
[data-theme="light"] .chroma .go { color: #6e7781 }