/* Syntax highlighting styles for Pygments */

.highlight {
    background-color: var(--color-code-bg);
    border-radius: var(--border-radius-md);
    padding: var(--space-6);
    margin: var(--space-6) 0;
    overflow-x: auto;
    font-family: var(--font-family-mono);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-normal);
}

.highlight pre {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

.highlight code {
    background: none;
    border: none;
    padding: 0;
    font-size: inherit;
}

/* Syntax highlighting with warm minimalist palette */
.highlight .hll { background-color: var(--color-accent-warm); opacity: 0.2; }
.highlight  { background: var(--color-code-bg); color: var(--color-text) }
.highlight .c { color: #8B8B8B; font-style: italic } /* Comment */
.highlight .err { color: #FF6B6B } /* Error */
.highlight .k { color: #A47864; font-weight: 600 } /* Keyword - warm accent */
.highlight .o { color: var(--color-text) } /* Operator */
.highlight .ch { color: #8B8B8B; font-style: italic } /* Comment.Hashbang */
.highlight .cm { color: #8B8B8B; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #8B8B8B; font-weight: 600 } /* Comment.Preproc */
.highlight .cpf { color: #8B8B8B; font-style: italic } /* Comment.PreprocFile */
.highlight .c1 { color: #8B8B8B; font-style: italic } /* Comment.Single */
.highlight .cs { color: #8B8B8B; font-style: italic } /* Comment.Special */
.highlight .gd { color: #FF6B6B } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF6B6B } /* Generic.Error */
.highlight .gh { color: #00D4FF; font-weight: 600 } /* Generic.Heading - electric blue */
.highlight .gi { color: #51CF66 } /* Generic.Inserted */
.highlight .go { color: #8B8B8B } /* Generic.Output */
.highlight .gp { color: #8B8B8B } /* Generic.Prompt */
.highlight .gs { font-weight: 600 } /* Generic.Strong */
.highlight .gu { color: #A47864; font-weight: 600 } /* Generic.Subheading - warm accent */
.highlight .gt { color: #FF6B6B } /* Generic.Traceback */
.highlight .kc { color: #00D4FF; font-weight: 600 } /* Keyword.Constant - electric blue */
.highlight .kd { color: #A47864; font-weight: 600 } /* Keyword.Declaration - warm accent */
.highlight .kn { color: #A47864; font-weight: 600 } /* Keyword.Namespace - warm accent */
.highlight .kp { color: #A47864; font-weight: 600 } /* Keyword.Pseudo - warm accent */
.highlight .kr { color: #A47864; font-weight: 600 } /* Keyword.Reserved - warm accent */
.highlight .kt { color: #A47864; font-weight: 600 } /* Keyword.Type - warm accent */
.highlight .m { color: #00D4FF } /* Literal.Number - electric blue */
.highlight .s { color: #51CF66 } /* Literal.String - green */
.highlight .na { color: var(--color-text) } /* Name.Attribute */
.highlight .nb { color: #00D4FF } /* Name.Builtin - electric blue */
.highlight .nc { color: #A47864 } /* Name.Class - warm accent */
.highlight .no { color: #00D4FF } /* Name.Constant - electric blue */
.highlight .nd { color: #A47864 } /* Name.Decorator - warm accent */
.highlight .ni { color: #A47864 } /* Name.Entity - warm accent */
.highlight .ne { color: #A47864 } /* Name.Exception - warm accent */
.highlight .nf { color: #A47864 } /* Name.Function - warm accent */
.highlight .nl { color: #A47864 } /* Name.Label - warm accent */
.highlight .nn { color: var(--color-text) } /* Name.Namespace */
.highlight .nt { color: #51CF66 } /* Name.Tag - green */
.highlight .nv { color: #FFB347 } /* Name.Variable - warm orange */
.highlight .ow { color: #A47864; font-weight: 600 } /* Operator.Word - warm accent */
.highlight .w { color: var(--color-background) } /* Text.Whitespace */
.highlight .mb { color: #00D4FF } /* Literal.Number.Bin - electric blue */
.highlight .mf { color: #00D4FF } /* Literal.Number.Float - electric blue */
.highlight .mh { color: #00D4FF } /* Literal.Number.Hex - electric blue */
.highlight .mi { color: #00D4FF } /* Literal.Number.Integer - electric blue */
.highlight .mo { color: #00D4FF } /* Literal.Number.Oct - electric blue */
.highlight .sa { color: #51CF66 } /* Literal.String.Affix - green */
.highlight .sb { color: #51CF66 } /* Literal.String.Backtick - green */
.highlight .sc { color: #51CF66 } /* Literal.String.Char - green */
.highlight .dl { color: #51CF66 } /* Literal.String.Delimiter - green */
.highlight .sd { color: #51CF66 } /* Literal.String.Doc - green */
.highlight .s2 { color: #51CF66 } /* Literal.String.Double - green */
.highlight .se { color: #51CF66 } /* Literal.String.Escape - green */
.highlight .sh { color: #51CF66 } /* Literal.String.Heredoc - green */
.highlight .si { color: #00D4FF } /* Literal.String.Interpol - electric blue */
.highlight .sx { color: #51CF66 } /* Literal.String.Other - green */
.highlight .sr { color: #51CF66 } /* Literal.String.Regex - green */
.highlight .s1 { color: #51CF66 } /* Literal.String.Single - green */
.highlight .ss { color: #00D4FF } /* Literal.String.Symbol - electric blue */
.highlight .bp { color: #00D4FF } /* Name.Builtin.Pseudo - electric blue */
.highlight .fm { color: #A47864 } /* Name.Function.Magic - warm accent */
.highlight .vc { color: #FFB347 } /* Name.Variable.Class - warm orange */
.highlight .vg { color: #FFB347 } /* Name.Variable.Global - warm orange */
.highlight .vi { color: #FFB347 } /* Name.Variable.Instance - warm orange */
.highlight .vm { color: #FFB347 } /* Name.Variable.Magic - warm orange */
.highlight .il { color: #00D4FF } /* Literal.Number.Integer.Long - electric blue */

/* Dark mode adjustments - lighter colors for better readability in dark mode */
:root[data-theme="dark"] .highlight .c { color: #9CA3AF } /* Comment - lighter in dark */
:root[data-theme="dark"] .highlight .err { color: #FF8787 } /* Error - softer red */
:root[data-theme="dark"] .highlight .k { color: #C8A38C; font-weight: 600 } /* Keyword - lighter warm accent */

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .highlight .c { color: #9CA3AF } /* Comment - lighter in dark */
    :root:not([data-theme="light"]) .highlight .err { color: #FF8787 } /* Error - softer red */
    :root:not([data-theme="light"]) .highlight .k { color: #C8A38C; font-weight: 600 } /* Keyword - lighter warm accent */
}