/* Catppuccin Chroma theme overrides */
/* Light: Catppuccin Latte */
/* Generated using: hugo gen chromastyles --style catppuccin-latte --omitClassComments */

[data-theme="light"] .bg,
body.light-theme .bg {
    color: #4c4f69;
    background-color: #eff1f5;
}
[data-theme="light"] .chroma,
body.light-theme .chroma {
    color: #4c4f69;
    background-color: #eff1f5;
    -webkit-text-size-adjust: none;
}
[data-theme="light"] .chroma .err,
body.light-theme .chroma .err {
    color: #d20f39;
}
[data-theme="light"] .chroma .lnlinks,
body.light-theme .chroma .lnlinks {
    outline: none;
    text-decoration: none;
    color: inherit;
}
[data-theme="light"] .chroma .lntd,
body.light-theme .chroma .lntd {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0;
}
[data-theme="light"] .chroma .lntable,
body.light-theme .chroma .lntable {
    border-spacing: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
[data-theme="light"] .chroma .hl,
body.light-theme .chroma .hl {
    background-color: #bcc0cc;
}
[data-theme="light"] .chroma .lnt,
body.light-theme .chroma .lnt {
    white-space: pre;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #8c8fa1;
}
[data-theme="light"] .chroma .ln,
body.light-theme .chroma .ln {
    white-space: pre;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #8c8fa1;
}
[data-theme="light"] .chroma .line,
body.light-theme .chroma .line {
    display: flex;
}
[data-theme="light"] .chroma .k,
body.light-theme .chroma .k {
    color: #8839ef;
}
[data-theme="light"] .chroma .kc,
body.light-theme .chroma .kc {
    color: #fe640b;
}
[data-theme="light"] .chroma .kd,
body.light-theme .chroma .kd {
    color: #d20f39;
}
[data-theme="light"] .chroma .kn,
body.light-theme .chroma .kn {
    color: #179299;
}
[data-theme="light"] .chroma .kp,
body.light-theme .chroma .kp {
    color: #8839ef;
}
[data-theme="light"] .chroma .kr,
body.light-theme .chroma .kr {
    color: #8839ef;
}
[data-theme="light"] .chroma .kt,
body.light-theme .chroma .kt {
    color: #d20f39;
}
[data-theme="light"] .chroma .na,
body.light-theme .chroma .na {
    color: #1e66f5;
}
[data-theme="light"] .chroma .nc,
body.light-theme .chroma .nc {
    color: #df8e1d;
}
[data-theme="light"] .chroma .no,
body.light-theme .chroma .no {
    color: #df8e1d;
}
[data-theme="light"] .chroma .nd,
body.light-theme .chroma .nd {
    color: #1e66f5;
    font-weight: bold;
}
[data-theme="light"] .chroma .ni,
body.light-theme .chroma .ni {
    color: #179299;
}
[data-theme="light"] .chroma .ne,
body.light-theme .chroma .ne {
    color: #fe640b;
}
[data-theme="light"] .chroma .nl,
body.light-theme .chroma .nl {
    color: #04a5e5;
}
[data-theme="light"] .chroma .nn,
body.light-theme .chroma .nn {
    color: #fe640b;
}
[data-theme="light"] .chroma .py,
body.light-theme .chroma .py {
    color: #fe640b;
}
[data-theme="light"] .chroma .nt,
body.light-theme .chroma .nt {
    color: #8839ef;
}
[data-theme="light"] .chroma .nb,
body.light-theme .chroma .nb {
    color: #04a5e5;
}
[data-theme="light"] .chroma .bp,
body.light-theme .chroma .bp {
    color: #04a5e5;
}
[data-theme="light"] .chroma .nv,
body.light-theme .chroma .nv {
    color: #dc8a78;
}
[data-theme="light"] .chroma .vc,
body.light-theme .chroma .vc {
    color: #dc8a78;
}
[data-theme="light"] .chroma .vg,
body.light-theme .chroma .vg {
    color: #dc8a78;
}
[data-theme="light"] .chroma .vi,
body.light-theme .chroma .vi {
    color: #dc8a78;
}
[data-theme="light"] .chroma .vm,
body.light-theme .chroma .vm {
    color: #dc8a78;
}
[data-theme="light"] .chroma .nf,
body.light-theme .chroma .nf {
    color: #1e66f5;
}
[data-theme="light"] .chroma .fm,
body.light-theme .chroma .fm {
    color: #1e66f5;
}
[data-theme="light"] .chroma .s,
body.light-theme .chroma .s {
    color: #40a02b;
}
[data-theme="light"] .chroma .sa,
body.light-theme .chroma .sa {
    color: #d20f39;
}
[data-theme="light"] .chroma .sb,
body.light-theme .chroma .sb {
    color: #40a02b;
}
[data-theme="light"] .chroma .sc,
body.light-theme .chroma .sc {
    color: #40a02b;
}
[data-theme="light"] .chroma .dl,
body.light-theme .chroma .dl {
    color: #1e66f5;
}
[data-theme="light"] .chroma .sd,
body.light-theme .chroma .sd {
    color: #9ca0b0;
}
[data-theme="light"] .chroma .s2,
body.light-theme .chroma .s2 {
    color: #40a02b;
}
[data-theme="light"] .chroma .se,
body.light-theme .chroma .se {
    color: #1e66f5;
}
[data-theme="light"] .chroma .sh,
body.light-theme .chroma .sh {
    color: #9ca0b0;
}
[data-theme="light"] .chroma .si,
body.light-theme .chroma .si {
    color: #40a02b;
}
[data-theme="light"] .chroma .sx,
body.light-theme .chroma .sx {
    color: #40a02b;
}
[data-theme="light"] .chroma .sr,
body.light-theme .chroma .sr {
    color: #179299;
}
[data-theme="light"] .chroma .s1,
body.light-theme .chroma .s1 {
    color: #40a02b;
}
[data-theme="light"] .chroma .ss,
body.light-theme .chroma .ss {
    color: #40a02b;
}
[data-theme="light"] .chroma .m,
body.light-theme .chroma .m {
    color: #fe640b;
}
[data-theme="light"] .chroma .mb,
body.light-theme .chroma .mb {
    color: #fe640b;
}
[data-theme="light"] .chroma .mf,
body.light-theme .chroma .mf {
    color: #fe640b;
}
[data-theme="light"] .chroma .mh,
body.light-theme .chroma .mh {
    color: #fe640b;
}
[data-theme="light"] .chroma .mi,
body.light-theme .chroma .mi {
    color: #fe640b;
}
[data-theme="light"] .chroma .il,
body.light-theme .chroma .il {
    color: #fe640b;
}
[data-theme="light"] .chroma .mo,
body.light-theme .chroma .mo {
    color: #fe640b;
}
[data-theme="light"] .chroma .o,
body.light-theme .chroma .o {
    color: #04a5e5;
    font-weight: bold;
}
[data-theme="light"] .chroma .ow,
body.light-theme .chroma .ow {
    color: #04a5e5;
    font-weight: bold;
}
[data-theme="light"] .chroma .c,
body.light-theme .chroma .c {
    color: #9ca0b0;
    font-style: italic;
}
[data-theme="light"] .chroma .ch,
body.light-theme .chroma .ch {
    color: #acb0be;
    font-style: italic;
}
[data-theme="light"] .chroma .cm,
body.light-theme .chroma .cm {
    color: #9ca0b0;
    font-style: italic;
}
[data-theme="light"] .chroma .c1,
body.light-theme .chroma .c1 {
    color: #9ca0b0;
    font-style: italic;
}
[data-theme="light"] .chroma .cs,
body.light-theme .chroma .cs {
    color: #9ca0b0;
    font-style: italic;
}
[data-theme="light"] .chroma .cp,
body.light-theme .chroma .cp {
    color: #9ca0b0;
    font-style: italic;
}
[data-theme="light"] .chroma .cpf,
body.light-theme .chroma .cpf {
    color: #9ca0b0;
    font-weight: bold;
    font-style: italic;
}
[data-theme="light"] .chroma .gd,
body.light-theme .chroma .gd {
    color: #d20f39;
    background-color: #ccd0da;
}
[data-theme="light"] .chroma .ge,
body.light-theme .chroma .ge {
    font-style: italic;
}
[data-theme="light"] .chroma .gr,
body.light-theme .chroma .gr {
    color: #d20f39;
}
[data-theme="light"] .chroma .gh,
body.light-theme .chroma .gh {
    color: #fe640b;
    font-weight: bold;
}
[data-theme="light"] .chroma .gi,
body.light-theme .chroma .gi {
    color: #40a02b;
    background-color: #ccd0da;
}
[data-theme="light"] .chroma .gs,
body.light-theme .chroma .gs {
    font-weight: bold;
}
[data-theme="light"] .chroma .gu,
body.light-theme .chroma .gu {
    color: #fe640b;
    font-weight: bold;
}
[data-theme="light"] .chroma .gt,
body.light-theme .chroma .gt {
    color: #d20f39;
}
[data-theme="light"] .chroma .gl,
body.light-theme .chroma .gl {
    text-decoration: underline;
}

@media (prefers-color-scheme: light) {
    html:not([data-theme="dark"]) .bg {
        color: #4c4f69;
        background-color: #eff1f5;
    }
    html:not([data-theme="dark"]) .chroma {
        color: #4c4f69;
        background-color: #eff1f5;
        -webkit-text-size-adjust: none;
    }
    html:not([data-theme="dark"]) .chroma .err {
        color: #d20f39;
    }
    html:not([data-theme="dark"]) .chroma .lnlinks {
        outline: none;
        text-decoration: none;
        color: inherit;
    }
    html:not([data-theme="dark"]) .chroma .lntd {
        vertical-align: top;
        padding: 0;
        margin: 0;
        border: 0;
    }
    html:not([data-theme="dark"]) .chroma .lntable {
        border-spacing: 0;
        padding: 0;
        margin: 0;
        border: 0;
    }
    html:not([data-theme="dark"]) .chroma .hl {
        background-color: #bcc0cc;
    }
    html:not([data-theme="dark"]) .chroma .lnt {
        white-space: pre;
        -webkit-user-select: none;
        user-select: none;
        margin-right: 0.4em;
        padding: 0 0.4em 0 0.4em;
        color: #8c8fa1;
    }
    html:not([data-theme="dark"]) .chroma .ln {
        white-space: pre;
        -webkit-user-select: none;
        user-select: none;
        margin-right: 0.4em;
        padding: 0 0.4em 0 0.4em;
        color: #8c8fa1;
    }
    html:not([data-theme="dark"]) .chroma .line {
        display: flex;
    }
    html:not([data-theme="dark"]) .chroma .k {
        color: #8839ef;
    }
    html:not([data-theme="dark"]) .chroma .kc {
        color: #fe640b;
    }
    html:not([data-theme="dark"]) .chroma .kd {
        color: #d20f39;
    }
    html:not([data-theme="dark"]) .chroma .kn {
        color: #179299;
    }
    html:not([data-theme="dark"]) .chroma .kp {
        color: #8839ef;
    }
    html:not([data-theme="dark"]) .chroma .kr {
        color: #8839ef;
    }
    html:not([data-theme="dark"]) .chroma .kt {
        color: #d20f39;
    }
    html:not([data-theme="dark"]) .chroma .na {
        color: #1e66f5;
    }
    html:not([data-theme="dark"]) .chroma .nc {
        color: #df8e1d;
    }
    html:not([data-theme="dark"]) .chroma .no {
        color: #df8e1d;
    }
    html:not([data-theme="dark"]) .chroma .nd {
        color: #1e66f5;
        font-weight: bold;
    }
    html:not([data-theme="dark"]) .chroma .ni {
        color: #179299;
    }
    html:not([data-theme="dark"]) .chroma .ne {
        color: #fe640b;
    }
    html:not([data-theme="dark"]) .chroma .nl {
        color: #04a5e5;
    }
    html:not([data-theme="dark"]) .chroma .nn {
        color: #fe640b;
    }
    html:not([data-theme="dark"]) .chroma .py {
        color: #fe640b;
    }
    html:not([data-theme="dark"]) .chroma .nt {
        color: #8839ef;
    }
    html:not([data-theme="dark"]) .chroma .nb {
        color: #04a5e5;
    }
    html:not([data-theme="dark"]) .chroma .bp {
        color: #04a5e5;
    }
    html:not([data-theme="dark"]) .chroma .nv {
        color: #dc8a78;
    }
    html:not([data-theme="dark"]) .chroma .vc {
        color: #dc8a78;
    }
    html:not([data-theme="dark"]) .chroma .vg {
        color: #dc8a78;
    }
    html:not([data-theme="dark"]) .chroma .vi {
        color: #dc8a78;
    }
    html:not([data-theme="dark"]) .chroma .vm {
        color: #dc8a78;
    }
    html:not([data-theme="dark"]) .chroma .nf {
        color: #1e66f5;
    }
    html:not([data-theme="dark"]) .chroma .fm {
        color: #1e66f5;
    }
    html:not([data-theme="dark"]) .chroma .s {
        color: #40a02b;
    }
    html:not([data-theme="dark"]) .chroma .sa {
        color: #d20f39;
    }
    html:not([data-theme="dark"]) .chroma .sb {
        color: #40a02b;
    }
    html:not([data-theme="dark"]) .chroma .sc {
        color: #40a02b;
    }
    html:not([data-theme="dark"]) .chroma .dl {
        color: #1e66f5;
    }
    html:not([data-theme="dark"]) .chroma .sd {
        color: #9ca0b0;
    }
    html:not([data-theme="dark"]) .chroma .s2 {
        color: #40a02b;
    }
    html:not([data-theme="dark"]) .chroma .se {
        color: #1e66f5;
    }
    html:not([data-theme="dark"]) .chroma .sh {
        color: #9ca0b0;
    }
    html:not([data-theme="dark"]) .chroma .si {
        color: #40a02b;
    }
    html:not([data-theme="dark"]) .chroma .sx {
        color: #40a02b;
    }
    html:not([data-theme="dark"]) .chroma .sr {
        color: #179299;
    }
    html:not([data-theme="dark"]) .chroma .s1 {
        color: #40a02b;
    }
    html:not([data-theme="dark"]) .chroma .ss {
        color: #40a02b;
    }
    html:not([data-theme="dark"]) .chroma .m {
        color: #fe640b;
    }
    html:not([data-theme="dark"]) .chroma .mb {
        color: #fe640b;
    }
    html:not([data-theme="dark"]) .chroma .mf {
        color: #fe640b;
    }
    html:not([data-theme="dark"]) .chroma .mh {
        color: #fe640b;
    }
    html:not([data-theme="dark"]) .chroma .mi {
        color: #fe640b;
    }
    html:not([data-theme="dark"]) .chroma .il {
        color: #fe640b;
    }
    html:not([data-theme="dark"]) .chroma .mo {
        color: #fe640b;
    }
    html:not([data-theme="dark"]) .chroma .o {
        color: #04a5e5;
        font-weight: bold;
    }
    html:not([data-theme="dark"]) .chroma .ow {
        color: #04a5e5;
        font-weight: bold;
    }
    html:not([data-theme="dark"]) .chroma .c {
        color: #9ca0b0;
        font-style: italic;
    }
    html:not([data-theme="dark"]) .chroma .ch {
        color: #acb0be;
        font-style: italic;
    }
    html:not([data-theme="dark"]) .chroma .cm {
        color: #9ca0b0;
        font-style: italic;
    }
    html:not([data-theme="dark"]) .chroma .c1 {
        color: #9ca0b0;
        font-style: italic;
    }
    html:not([data-theme="dark"]) .chroma .cs {
        color: #9ca0b0;
        font-style: italic;
    }
    html:not([data-theme="dark"]) .chroma .cp {
        color: #9ca0b0;
        font-style: italic;
    }
    html:not([data-theme="dark"]) .chroma .cpf {
        color: #9ca0b0;
        font-weight: bold;
        font-style: italic;
    }
    html:not([data-theme="dark"]) .chroma .gd {
        color: #d20f39;
        background-color: #ccd0da;
    }
    html:not([data-theme="dark"]) .chroma .ge {
        font-style: italic;
    }
    html:not([data-theme="dark"]) .chroma .gr {
        color: #d20f39;
    }
    html:not([data-theme="dark"]) .chroma .gh {
        color: #fe640b;
        font-weight: bold;
    }
    html:not([data-theme="dark"]) .chroma .gi {
        color: #40a02b;
        background-color: #ccd0da;
    }
    html:not([data-theme="dark"]) .chroma .gs {
        font-weight: bold;
    }
    html:not([data-theme="dark"]) .chroma .gu {
        color: #fe640b;
        font-weight: bold;
    }
    html:not([data-theme="dark"]) .chroma .gt {
        color: #d20f39;
    }
    html:not([data-theme="dark"]) .chroma .gl {
        text-decoration: underline;
    }
}

/* Dark: Catppuccin Frappe */
/* Generated using: hugo gen chromastyles --style catppuccin-frappe --omitClassComments */

[data-theme="dark"] .bg,
body.dark-theme .bg {
    color: #c6d0f5;
    background-color: #2b2f37;
}
[data-theme="dark"] .chroma,
body.dark-theme .chroma {
    color: #c6d0f5;
    background-color: #2b2f37;
    -webkit-text-size-adjust: none;
}
[data-theme="dark"] .chroma .err,
body.dark-theme .chroma .err {
    color: #e78284;
}
[data-theme="dark"] .chroma .lnlinks,
body.dark-theme .chroma .lnlinks {
    outline: none;
    text-decoration: none;
    color: inherit;
}
[data-theme="dark"] .chroma .lntd,
body.dark-theme .chroma .lntd {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0;
}
[data-theme="dark"] .chroma .lntable,
body.dark-theme .chroma .lntable {
    border-spacing: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
[data-theme="dark"] .chroma .hl,
body.dark-theme .chroma .hl {
    background-color: #51576d;
}
[data-theme="dark"] .chroma .lnt,
body.dark-theme .chroma .lnt {
    white-space: pre;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #838ba7;
}
[data-theme="dark"] .chroma .ln,
body.dark-theme .chroma .ln {
    white-space: pre;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #838ba7;
}
[data-theme="dark"] .chroma .line,
body.dark-theme .chroma .line {
    display: flex;
}
[data-theme="dark"] .chroma .k,
body.dark-theme .chroma .k {
    color: #ca9ee6;
}
[data-theme="dark"] .chroma .kc,
body.dark-theme .chroma .kc {
    color: #ef9f76;
}
[data-theme="dark"] .chroma .kd,
body.dark-theme .chroma .kd {
    color: #e78284;
}
[data-theme="dark"] .chroma .kn,
body.dark-theme .chroma .kn {
    color: #81c8be;
}
[data-theme="dark"] .chroma .kp,
body.dark-theme .chroma .kp {
    color: #ca9ee6;
}
[data-theme="dark"] .chroma .kr,
body.dark-theme .chroma .kr {
    color: #ca9ee6;
}
[data-theme="dark"] .chroma .kt,
body.dark-theme .chroma .kt {
    color: #e78284;
}
[data-theme="dark"] .chroma .na,
body.dark-theme .chroma .na {
    color: #8caaee;
}
[data-theme="dark"] .chroma .nc,
body.dark-theme .chroma .nc {
    color: #e5c890;
}
[data-theme="dark"] .chroma .no,
body.dark-theme .chroma .no {
    color: #e5c890;
}
[data-theme="dark"] .chroma .nd,
body.dark-theme .chroma .nd {
    color: #8caaee;
    font-weight: bold;
}
[data-theme="dark"] .chroma .ni,
body.dark-theme .chroma .ni {
    color: #81c8be;
}
[data-theme="dark"] .chroma .ne,
body.dark-theme .chroma .ne {
    color: #ef9f76;
}
[data-theme="dark"] .chroma .nl,
body.dark-theme .chroma .nl {
    color: #99d1db;
}
[data-theme="dark"] .chroma .nn,
body.dark-theme .chroma .nn {
    color: #ef9f76;
}
[data-theme="dark"] .chroma .py,
body.dark-theme .chroma .py {
    color: #ef9f76;
}
[data-theme="dark"] .chroma .nt,
body.dark-theme .chroma .nt {
    color: #ca9ee6;
}
[data-theme="dark"] .chroma .nb,
body.dark-theme .chroma .nb {
    color: #99d1db;
}
[data-theme="dark"] .chroma .bp,
body.dark-theme .chroma .bp {
    color: #99d1db;
}
[data-theme="dark"] .chroma .nv,
body.dark-theme .chroma .nv {
    color: #f2d5cf;
}
[data-theme="dark"] .chroma .vc,
body.dark-theme .chroma .vc {
    color: #f2d5cf;
}
[data-theme="dark"] .chroma .vg,
body.dark-theme .chroma .vg {
    color: #f2d5cf;
}
[data-theme="dark"] .chroma .vi,
body.dark-theme .chroma .vi {
    color: #f2d5cf;
}
[data-theme="dark"] .chroma .vm,
body.dark-theme .chroma .vm {
    color: #f2d5cf;
}
[data-theme="dark"] .chroma .nf,
body.dark-theme .chroma .nf {
    color: #8caaee;
}
[data-theme="dark"] .chroma .fm,
body.dark-theme .chroma .fm {
    color: #8caaee;
}
[data-theme="dark"] .chroma .s,
body.dark-theme .chroma .s {
    color: #a6d189;
}
[data-theme="dark"] .chroma .sa,
body.dark-theme .chroma .sa {
    color: #e78284;
}
[data-theme="dark"] .chroma .sb,
body.dark-theme .chroma .sb {
    color: #a6d189;
}
[data-theme="dark"] .chroma .sc,
body.dark-theme .chroma .sc {
    color: #a6d189;
}
[data-theme="dark"] .chroma .dl,
body.dark-theme .chroma .dl {
    color: #8caaee;
}
[data-theme="dark"] .chroma .sd,
body.dark-theme .chroma .sd {
    color: #737994;
}
[data-theme="dark"] .chroma .s2,
body.dark-theme .chroma .s2 {
    color: #a6d189;
}
[data-theme="dark"] .chroma .se,
body.dark-theme .chroma .se {
    color: #8caaee;
}
[data-theme="dark"] .chroma .sh,
body.dark-theme .chroma .sh {
    color: #737994;
}
[data-theme="dark"] .chroma .si,
body.dark-theme .chroma .si {
    color: #a6d189;
}
[data-theme="dark"] .chroma .sx,
body.dark-theme .chroma .sx {
    color: #a6d189;
}
[data-theme="dark"] .chroma .sr,
body.dark-theme .chroma .sr {
    color: #81c8be;
}
[data-theme="dark"] .chroma .s1,
body.dark-theme .chroma .s1 {
    color: #a6d189;
}
[data-theme="dark"] .chroma .ss,
body.dark-theme .chroma .ss {
    color: #a6d189;
}
[data-theme="dark"] .chroma .m,
body.dark-theme .chroma .m {
    color: #ef9f76;
}
[data-theme="dark"] .chroma .mb,
body.dark-theme .chroma .mb {
    color: #ef9f76;
}
[data-theme="dark"] .chroma .mf,
body.dark-theme .chroma .mf {
    color: #ef9f76;
}
[data-theme="dark"] .chroma .mh,
body.dark-theme .chroma .mh {
    color: #ef9f76;
}
[data-theme="dark"] .chroma .mi,
body.dark-theme .chroma .mi {
    color: #ef9f76;
}
[data-theme="dark"] .chroma .il,
body.dark-theme .chroma .il {
    color: #ef9f76;
}
[data-theme="dark"] .chroma .mo,
body.dark-theme .chroma .mo {
    color: #ef9f76;
}
[data-theme="dark"] .chroma .o,
body.dark-theme .chroma .o {
    color: #99d1db;
    font-weight: bold;
}
[data-theme="dark"] .chroma .ow,
body.dark-theme .chroma .ow {
    color: #99d1db;
    font-weight: bold;
}
[data-theme="dark"] .chroma .c,
body.dark-theme .chroma .c {
    color: #737994;
    font-style: italic;
}
[data-theme="dark"] .chroma .ch,
body.dark-theme .chroma .ch {
    color: #626880;
    font-style: italic;
}
[data-theme="dark"] .chroma .cm,
body.dark-theme .chroma .cm {
    color: #737994;
    font-style: italic;
}
[data-theme="dark"] .chroma .c1,
body.dark-theme .chroma .c1 {
    color: #737994;
    font-style: italic;
}
[data-theme="dark"] .chroma .cs,
body.dark-theme .chroma .cs {
    color: #737994;
    font-style: italic;
}
[data-theme="dark"] .chroma .cp,
body.dark-theme .chroma .cp {
    color: #737994;
    font-style: italic;
}
[data-theme="dark"] .chroma .cpf,
body.dark-theme .chroma .cpf {
    color: #737994;
    font-weight: bold;
    font-style: italic;
}
[data-theme="dark"] .chroma .gd,
body.dark-theme .chroma .gd {
    color: #e78284;
    background-color: #414559;
}
[data-theme="dark"] .chroma .ge,
body.dark-theme .chroma .ge {
    font-style: italic;
}
[data-theme="dark"] .chroma .gr,
body.dark-theme .chroma .gr {
    color: #e78284;
}
[data-theme="dark"] .chroma .gh,
body.dark-theme .chroma .gh {
    color: #ef9f76;
    font-weight: bold;
}
[data-theme="dark"] .chroma .gi,
body.dark-theme .chroma .gi {
    color: #a6d189;
    background-color: #414559;
}
[data-theme="dark"] .chroma .gs,
body.dark-theme .chroma .gs {
    font-weight: bold;
}
[data-theme="dark"] .chroma .gu,
body.dark-theme .chroma .gu {
    color: #ef9f76;
    font-weight: bold;
}
[data-theme="dark"] .chroma .gt,
body.dark-theme .chroma .gt {
    color: #e78284;
}
[data-theme="dark"] .chroma .gl,
body.dark-theme .chroma .gl {
    text-decoration: underline;
}

@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) .bg {
        color: #c6d0f5;
        background-color: #2b2f37;
    }
    html:not([data-theme="light"]) .chroma {
        color: #c6d0f5;
        background-color: #2b2f37;
        -webkit-text-size-adjust: none;
    }
    html:not([data-theme="light"]) .chroma .err {
        color: #e78284;
    }
    html:not([data-theme="light"]) .chroma .lnlinks {
        outline: none;
        text-decoration: none;
        color: inherit;
    }
    html:not([data-theme="light"]) .chroma .lntd {
        vertical-align: top;
        padding: 0;
        margin: 0;
        border: 0;
    }
    html:not([data-theme="light"]) .chroma .lntable {
        border-spacing: 0;
        padding: 0;
        margin: 0;
        border: 0;
    }
    html:not([data-theme="light"]) .chroma .hl {
        background-color: #51576d;
    }
    html:not([data-theme="light"]) .chroma .lnt {
        white-space: pre;
        -webkit-user-select: none;
        user-select: none;
        margin-right: 0.4em;
        padding: 0 0.4em 0 0.4em;
        color: #838ba7;
    }
    html:not([data-theme="light"]) .chroma .ln {
        white-space: pre;
        -webkit-user-select: none;
        user-select: none;
        margin-right: 0.4em;
        padding: 0 0.4em 0 0.4em;
        color: #838ba7;
    }
    html:not([data-theme="light"]) .chroma .line {
        display: flex;
    }
    html:not([data-theme="light"]) .chroma .k {
        color: #ca9ee6;
    }
    html:not([data-theme="light"]) .chroma .kc {
        color: #ef9f76;
    }
    html:not([data-theme="light"]) .chroma .kd {
        color: #e78284;
    }
    html:not([data-theme="light"]) .chroma .kn {
        color: #81c8be;
    }
    html:not([data-theme="light"]) .chroma .kp {
        color: #ca9ee6;
    }
    html:not([data-theme="light"]) .chroma .kr {
        color: #ca9ee6;
    }
    html:not([data-theme="light"]) .chroma .kt {
        color: #e78284;
    }
    html:not([data-theme="light"]) .chroma .na {
        color: #8caaee;
    }
    html:not([data-theme="light"]) .chroma .nc {
        color: #e5c890;
    }
    html:not([data-theme="light"]) .chroma .no {
        color: #e5c890;
    }
    html:not([data-theme="light"]) .chroma .nd {
        color: #8caaee;
        font-weight: bold;
    }
    html:not([data-theme="light"]) .chroma .ni {
        color: #81c8be;
    }
    html:not([data-theme="light"]) .chroma .ne {
        color: #ef9f76;
    }
    html:not([data-theme="light"]) .chroma .nl {
        color: #99d1db;
    }
    html:not([data-theme="light"]) .chroma .nn {
        color: #ef9f76;
    }
    html:not([data-theme="light"]) .chroma .py {
        color: #ef9f76;
    }
    html:not([data-theme="light"]) .chroma .nt {
        color: #ca9ee6;
    }
    html:not([data-theme="light"]) .chroma .nb {
        color: #99d1db;
    }
    html:not([data-theme="light"]) .chroma .bp {
        color: #99d1db;
    }
    html:not([data-theme="light"]) .chroma .nv {
        color: #f2d5cf;
    }
    html:not([data-theme="light"]) .chroma .vc {
        color: #f2d5cf;
    }
    html:not([data-theme="light"]) .chroma .vg {
        color: #f2d5cf;
    }
    html:not([data-theme="light"]) .chroma .vi {
        color: #f2d5cf;
    }
    html:not([data-theme="light"]) .chroma .vm {
        color: #f2d5cf;
    }
    html:not([data-theme="light"]) .chroma .nf {
        color: #8caaee;
    }
    html:not([data-theme="light"]) .chroma .fm {
        color: #8caaee;
    }
    html:not([data-theme="light"]) .chroma .s {
        color: #a6d189;
    }
    html:not([data-theme="light"]) .chroma .sa {
        color: #e78284;
    }
    html:not([data-theme="light"]) .chroma .sb {
        color: #a6d189;
    }
    html:not([data-theme="light"]) .chroma .sc {
        color: #a6d189;
    }
    html:not([data-theme="light"]) .chroma .dl {
        color: #8caaee;
    }
    html:not([data-theme="light"]) .chroma .sd {
        color: #737994;
    }
    html:not([data-theme="light"]) .chroma .s2 {
        color: #a6d189;
    }
    html:not([data-theme="light"]) .chroma .se {
        color: #8caaee;
    }
    html:not([data-theme="light"]) .chroma .sh {
        color: #737994;
    }
    html:not([data-theme="light"]) .chroma .si {
        color: #a6d189;
    }
    html:not([data-theme="light"]) .chroma .sx {
        color: #a6d189;
    }
    html:not([data-theme="light"]) .chroma .sr {
        color: #81c8be;
    }
    html:not([data-theme="light"]) .chroma .s1 {
        color: #a6d189;
    }
    html:not([data-theme="light"]) .chroma .ss {
        color: #a6d189;
    }
    html:not([data-theme="light"]) .chroma .m {
        color: #ef9f76;
    }
    html:not([data-theme="light"]) .chroma .mb {
        color: #ef9f76;
    }
    html:not([data-theme="light"]) .chroma .mf {
        color: #ef9f76;
    }
    html:not([data-theme="light"]) .chroma .mh {
        color: #ef9f76;
    }
    html:not([data-theme="light"]) .chroma .mi {
        color: #ef9f76;
    }
    html:not([data-theme="light"]) .chroma .il {
        color: #ef9f76;
    }
    html:not([data-theme="light"]) .chroma .mo {
        color: #ef9f76;
    }
    html:not([data-theme="light"]) .chroma .o {
        color: #99d1db;
        font-weight: bold;
    }
    html:not([data-theme="light"]) .chroma .ow {
        color: #99d1db;
        font-weight: bold;
    }
    html:not([data-theme="light"]) .chroma .c {
        color: #737994;
        font-style: italic;
    }
    html:not([data-theme="light"]) .chroma .ch {
        color: #626880;
        font-style: italic;
    }
    html:not([data-theme="light"]) .chroma .cm {
        color: #737994;
        font-style: italic;
    }
    html:not([data-theme="light"]) .chroma .c1 {
        color: #737994;
        font-style: italic;
    }
    html:not([data-theme="light"]) .chroma .cs {
        color: #737994;
        font-style: italic;
    }
    html:not([data-theme="light"]) .chroma .cp {
        color: #737994;
        font-style: italic;
    }
    html:not([data-theme="light"]) .chroma .cpf {
        color: #737994;
        font-weight: bold;
        font-style: italic;
    }
    html:not([data-theme="light"]) .chroma .gd {
        color: #e78284;
        background-color: #414559;
    }
    html:not([data-theme="light"]) .chroma .ge {
        font-style: italic;
    }
    html:not([data-theme="light"]) .chroma .gr {
        color: #e78284;
    }
    html:not([data-theme="light"]) .chroma .gh {
        color: #ef9f76;
        font-weight: bold;
    }
    html:not([data-theme="light"]) .chroma .gi {
        color: #a6d189;
        background-color: #414559;
    }
    html:not([data-theme="light"]) .chroma .gs {
        font-weight: bold;
    }
    html:not([data-theme="light"]) .chroma .gu {
        color: #ef9f76;
        font-weight: bold;
    }
    html:not([data-theme="light"]) .chroma .gt {
        color: #e78284;
    }
    html:not([data-theme="light"]) .chroma .gl {
        text-decoration: underline;
    }
}

.chroma,
.chroma * {
    text-shadow: none !important;
}

/* Comment color overrides */
[data-theme="light"] .chroma .c,
[data-theme="light"] .chroma .ch,
[data-theme="light"] .chroma .cm,
[data-theme="light"] .chroma .c1,
[data-theme="light"] .chroma .cs,
[data-theme="light"] .chroma .cp,
[data-theme="light"] .chroma .cpf,
body.light-theme .chroma .c,
body.light-theme .chroma .ch,
body.light-theme .chroma .cm,
body.light-theme .chroma .c1,
body.light-theme .chroma .cs,
body.light-theme .chroma .cp,
body.light-theme .chroma .cpf {
    color: #7c3aed !important;
}

[data-theme="dark"] .chroma .c,
[data-theme="dark"] .chroma .ch,
[data-theme="dark"] .chroma .cm,
[data-theme="dark"] .chroma .c1,
[data-theme="dark"] .chroma .cs,
[data-theme="dark"] .chroma .cp,
[data-theme="dark"] .chroma .cpf,
body.dark-theme .chroma .c,
body.dark-theme .chroma .ch,
body.dark-theme .chroma .cm,
body.dark-theme .chroma .c1,
body.dark-theme .chroma .cs,
body.dark-theme .chroma .cp,
body.dark-theme .chroma .cpf {
    color: #cba6f7 !important;
}

@media (prefers-color-scheme: light) {
    html:not([data-theme="dark"]) .chroma .c,
    html:not([data-theme="dark"]) .chroma .ch,
    html:not([data-theme="dark"]) .chroma .cm,
    html:not([data-theme="dark"]) .chroma .c1,
    html:not([data-theme="dark"]) .chroma .cs,
    html:not([data-theme="dark"]) .chroma .cp,
    html:not([data-theme="dark"]) .chroma .cpf {
        color: #7c3aed !important;
    }
}

@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) .chroma .c,
    html:not([data-theme="light"]) .chroma .ch,
    html:not([data-theme="light"]) .chroma .cm,
    html:not([data-theme="light"]) .chroma .c1,
    html:not([data-theme="light"]) .chroma .cs,
    html:not([data-theme="light"]) .chroma .cp,
    html:not([data-theme="light"]) .chroma .cpf {
        color: #cba6f7 !important;
    }
}

/* Prism comment token overrides (runtime highlighting) */
[data-theme="light"] .token.comment,
[data-theme="light"] .token.block-comment,
[data-theme="light"] .token.prolog,
[data-theme="light"] .token.doctype,
[data-theme="light"] .token.cdata,
body.light-theme .token.comment,
body.light-theme .token.block-comment,
body.light-theme .token.prolog,
body.light-theme .token.doctype,
body.light-theme .token.cdata {
    color: #7c3aed !important;
}

[data-theme="dark"] .token.comment,
[data-theme="dark"] .token.block-comment,
[data-theme="dark"] .token.prolog,
[data-theme="dark"] .token.doctype,
[data-theme="dark"] .token.cdata,
body.dark-theme .token.comment,
body.dark-theme .token.block-comment,
body.dark-theme .token.prolog,
body.dark-theme .token.doctype,
body.dark-theme .token.cdata {
    color: #cba6f7 !important;
}

@media (prefers-color-scheme: light) {
    html:not([data-theme="dark"]) .token.comment,
    html:not([data-theme="dark"]) .token.block-comment,
    html:not([data-theme="dark"]) .token.prolog,
    html:not([data-theme="dark"]) .token.doctype,
    html:not([data-theme="dark"]) .token.cdata {
        color: #7c3aed !important;
    }
}

@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) .token.comment,
    html:not([data-theme="light"]) .token.block-comment,
    html:not([data-theme="light"]) .token.prolog,
    html:not([data-theme="light"]) .token.doctype,
    html:not([data-theme="light"]) .token.cdata {
        color: #cba6f7 !important;
    }
}

/* Keep comments italic across highlighters */
.chroma .c,
.chroma .ch,
.chroma .cm,
.chroma .c1,
.chroma .cs,
.chroma .cp,
.chroma .cpf,
.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
    font-style: italic !important;
}

/* Darker light-mode keyword color for readability */
[data-theme="light"] .chroma .k,
[data-theme="light"] .chroma .kd,
[data-theme="light"] .chroma .kn,
[data-theme="light"] .chroma .kp,
[data-theme="light"] .chroma .kr,
[data-theme="light"] .chroma .kt,
body.light-theme .chroma .k,
body.light-theme .chroma .kd,
body.light-theme .chroma .kn,
body.light-theme .chroma .kp,
body.light-theme .chroma .kr,
body.light-theme .chroma .kt,
[data-theme="light"] .token.keyword,
body.light-theme .token.keyword {
    color: #5b2f88 !important;
}

@media (prefers-color-scheme: light) {
    html:not([data-theme="dark"]) .chroma .k,
    html:not([data-theme="dark"]) .chroma .kd,
    html:not([data-theme="dark"]) .chroma .kn,
    html:not([data-theme="dark"]) .chroma .kp,
    html:not([data-theme="dark"]) .chroma .kr,
    html:not([data-theme="dark"]) .chroma .kt,
    html:not([data-theme="dark"]) .token.keyword {
        color: #5b2f88 !important;
    }
}