/* combined as
   python3 css_combine.py \
     --prefix "" \
     --css-light=syntax-light.css \
     --css-dark=syntax-dark.css \
     --css-out syntax-highlight.css
  using https://smhk.net/scss/chroma/css_combine.py
  via https://smhk.net/note/2024/05/pure-css-dark-mode-support-for-code-highlighting/#update-the-hugotoml
*/

:root,
[data-bs-theme="light"] {
  ---bg-color: #4c4f69;
  ---bg-background-color: #eff1f5;
  ---chroma-color: #4c4f69;
  ---chroma-background-color: #eff1f5;
  ---chroma-err-color: #d20f39;
  ---chroma-hl-background-color: #bcc0cc;
  ---chroma-lnt-color: #8c8fa1;
  ---chroma-ln-color: #8c8fa1;
  ---chroma-k-color: #8839ef;
  ---chroma-kc-color: #fe640b;
  ---chroma-kd-color: #d20f39;
  ---chroma-kn-color: #179299;
  ---chroma-kp-color: #8839ef;
  ---chroma-kr-color: #8839ef;
  ---chroma-kt-color: #d20f39;
  ---chroma-na-color: #1e66f5;
  ---chroma-nc-color: #df8e1d;
  ---chroma-no-color: #df8e1d;
  ---chroma-nd-color: #1e66f5;
  ---chroma-ni-color: #179299;
  ---chroma-ne-color: #fe640b;
  ---chroma-nl-color: #04a5e5;
  ---chroma-nn-color: #fe640b;
  ---chroma-py-color: #fe640b;
  ---chroma-nt-color: #8839ef;
  ---chroma-nb-color: #04a5e5;
  ---chroma-bp-color: #04a5e5;
  ---chroma-nv-color: #dc8a78;
  ---chroma-vc-color: #dc8a78;
  ---chroma-vg-color: #dc8a78;
  ---chroma-vi-color: #dc8a78;
  ---chroma-vm-color: #dc8a78;
  ---chroma-nf-color: #1e66f5;
  ---chroma-fm-color: #1e66f5;
  ---chroma-s-color: #40a02b;
  ---chroma-sa-color: #d20f39;
  ---chroma-sb-color: #40a02b;
  ---chroma-sc-color: #40a02b;
  ---chroma-dl-color: #1e66f5;
  ---chroma-sd-color: #9ca0b0;
  ---chroma-s2-color: #40a02b;
  ---chroma-se-color: #1e66f5;
  ---chroma-sh-color: #9ca0b0;
  ---chroma-si-color: #40a02b;
  ---chroma-sx-color: #40a02b;
  ---chroma-sr-color: #179299;
  ---chroma-s1-color: #40a02b;
  ---chroma-ss-color: #40a02b;
  ---chroma-m-color: #fe640b;
  ---chroma-mb-color: #fe640b;
  ---chroma-mf-color: #fe640b;
  ---chroma-mh-color: #fe640b;
  ---chroma-mi-color: #fe640b;
  ---chroma-il-color: #fe640b;
  ---chroma-mo-color: #fe640b;
  ---chroma-o-color: #04a5e5;
  ---chroma-ow-color: #04a5e5;
  ---chroma-c-color: #9ca0b0;
  ---chroma-ch-color: #acb0be;
  ---chroma-cm-color: #9ca0b0;
  ---chroma-c1-color: #9ca0b0;
  ---chroma-cs-color: #9ca0b0;
  ---chroma-cp-color: #9ca0b0;
  ---chroma-cpf-color: #9ca0b0;
  ---chroma-gd-color: #d20f39;
  ---chroma-gd-background-color: #ccd0da;
  ---chroma-gr-color: #d20f39;
  ---chroma-gh-color: #fe640b;
  ---chroma-gi-color: #40a02b;
  ---chroma-gi-background-color: #ccd0da;
  ---chroma-gu-color: #fe640b;
  ---chroma-gt-color: #d20f39;
}

[data-bs-theme="dark"] {
  ---bg-color: #c6d0f5;
  ---bg-background-color: #303446;
  ---chroma-color: #c6d0f5;
  ---chroma-background-color: #303446;
  ---chroma-err-color: #e78284;
  ---chroma-hl-background-color: #51576d;
  ---chroma-lnt-color: #838ba7;
  ---chroma-ln-color: #838ba7;
  ---chroma-k-color: #ca9ee6;
  ---chroma-kc-color: #ef9f76;
  ---chroma-kd-color: #e78284;
  ---chroma-kn-color: #81c8be;
  ---chroma-kp-color: #ca9ee6;
  ---chroma-kr-color: #ca9ee6;
  ---chroma-kt-color: #e78284;
  ---chroma-na-color: #8caaee;
  ---chroma-nc-color: #e5c890;
  ---chroma-no-color: #e5c890;
  ---chroma-nd-color: #8caaee;
  ---chroma-ni-color: #81c8be;
  ---chroma-ne-color: #ef9f76;
  ---chroma-nl-color: #99d1db;
  ---chroma-nn-color: #ef9f76;
  ---chroma-py-color: #ef9f76;
  ---chroma-nt-color: #ca9ee6;
  ---chroma-nb-color: #99d1db;
  ---chroma-bp-color: #99d1db;
  ---chroma-nv-color: #f2d5cf;
  ---chroma-vc-color: #f2d5cf;
  ---chroma-vg-color: #f2d5cf;
  ---chroma-vi-color: #f2d5cf;
  ---chroma-vm-color: #f2d5cf;
  ---chroma-nf-color: #8caaee;
  ---chroma-fm-color: #8caaee;
  ---chroma-s-color: #a6d189;
  ---chroma-sa-color: #e78284;
  ---chroma-sb-color: #a6d189;
  ---chroma-sc-color: #a6d189;
  ---chroma-dl-color: #8caaee;
  ---chroma-sd-color: #737994;
  ---chroma-s2-color: #a6d189;
  ---chroma-se-color: #8caaee;
  ---chroma-sh-color: #737994;
  ---chroma-si-color: #a6d189;
  ---chroma-sx-color: #a6d189;
  ---chroma-sr-color: #81c8be;
  ---chroma-s1-color: #a6d189;
  ---chroma-ss-color: #a6d189;
  ---chroma-m-color: #ef9f76;
  ---chroma-mb-color: #ef9f76;
  ---chroma-mf-color: #ef9f76;
  ---chroma-mh-color: #ef9f76;
  ---chroma-mi-color: #ef9f76;
  ---chroma-il-color: #ef9f76;
  ---chroma-mo-color: #ef9f76;
  ---chroma-o-color: #99d1db;
  ---chroma-ow-color: #99d1db;
  ---chroma-c-color: #737994;
  ---chroma-ch-color: #626880;
  ---chroma-cm-color: #737994;
  ---chroma-c1-color: #737994;
  ---chroma-cs-color: #737994;
  ---chroma-cp-color: #737994;
  ---chroma-cpf-color: #737994;
  ---chroma-gd-color: #e78284;
  ---chroma-gd-background-color: #414559;
  ---chroma-gr-color: #e78284;
  ---chroma-gh-color: #ef9f76;
  ---chroma-gi-color: #a6d189;
  ---chroma-gi-background-color: #414559;
  ---chroma-gu-color: #ef9f76;
  ---chroma-gt-color: #e78284;
}

.bg { color: var(---bg-color); background-color: var(---bg-background-color) }
.chroma { color: var(---chroma-color); background-color: var(---chroma-background-color) }
.chroma .err { color: var(---chroma-err-color) }
.chroma .hl { background-color: var(---chroma-hl-background-color) }
.chroma .lnt { color: var(---chroma-lnt-color); white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em }
.chroma .ln { color: var(---chroma-ln-color); white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em }
.chroma .k { color: var(---chroma-k-color) }
.chroma .kc { color: var(---chroma-kc-color) }
.chroma .kd { color: var(---chroma-kd-color) }
.chroma .kn { color: var(---chroma-kn-color) }
.chroma .kp { color: var(---chroma-kp-color) }
.chroma .kr { color: var(---chroma-kr-color) }
.chroma .kt { color: var(---chroma-kt-color) }
.chroma .na { color: var(---chroma-na-color) }
.chroma .nc { color: var(---chroma-nc-color) }
.chroma .no { color: var(---chroma-no-color) }
.chroma .nd { color: var(---chroma-nd-color); font-weight: bold }
.chroma .ni { color: var(---chroma-ni-color) }
.chroma .ne { color: var(---chroma-ne-color) }
.chroma .nl { color: var(---chroma-nl-color) }
.chroma .nn { color: var(---chroma-nn-color) }
.chroma .py { color: var(---chroma-py-color) }
.chroma .nt { color: var(---chroma-nt-color) }
.chroma .nb { color: var(---chroma-nb-color) }
.chroma .bp { color: var(---chroma-bp-color) }
.chroma .nv { color: var(---chroma-nv-color) }
.chroma .vc { color: var(---chroma-vc-color) }
.chroma .vg { color: var(---chroma-vg-color) }
.chroma .vi { color: var(---chroma-vi-color) }
.chroma .vm { color: var(---chroma-vm-color) }
.chroma .nf { color: var(---chroma-nf-color) }
.chroma .fm { color: var(---chroma-fm-color) }
.chroma .s { color: var(---chroma-s-color) }
.chroma .sa { color: var(---chroma-sa-color) }
.chroma .sb { color: var(---chroma-sb-color) }
.chroma .sc { color: var(---chroma-sc-color) }
.chroma .dl { color: var(---chroma-dl-color) }
.chroma .sd { color: var(---chroma-sd-color) }
.chroma .s2 { color: var(---chroma-s2-color) }
.chroma .se { color: var(---chroma-se-color) }
.chroma .sh { color: var(---chroma-sh-color) }
.chroma .si { color: var(---chroma-si-color) }
.chroma .sx { color: var(---chroma-sx-color) }
.chroma .sr { color: var(---chroma-sr-color) }
.chroma .s1 { color: var(---chroma-s1-color) }
.chroma .ss { color: var(---chroma-ss-color) }
.chroma .m { color: var(---chroma-m-color) }
.chroma .mb { color: var(---chroma-mb-color) }
.chroma .mf { color: var(---chroma-mf-color) }
.chroma .mh { color: var(---chroma-mh-color) }
.chroma .mi { color: var(---chroma-mi-color) }
.chroma .il { color: var(---chroma-il-color) }
.chroma .mo { color: var(---chroma-mo-color) }
.chroma .o { color: var(---chroma-o-color); font-weight: bold }
.chroma .ow { color: var(---chroma-ow-color); font-weight: bold }
.chroma .c { color: var(---chroma-c-color); font-style: italic }
.chroma .ch { color: var(---chroma-ch-color); font-style: italic }
.chroma .cm { color: var(---chroma-cm-color); font-style: italic }
.chroma .c1 { color: var(---chroma-c1-color); font-style: italic }
.chroma .cs { color: var(---chroma-cs-color); font-style: italic }
.chroma .cp { color: var(---chroma-cp-color); font-style: italic }
.chroma .cpf { color: var(---chroma-cpf-color); font-weight: bold; font-style: italic }
.chroma .gd { color: var(---chroma-gd-color); background-color: var(---chroma-gd-background-color) }
.chroma .gr { color: var(---chroma-gr-color) }
.chroma .gh { color: var(---chroma-gh-color); font-weight: bold }
.chroma .gi { color: var(---chroma-gi-color); background-color: var(---chroma-gi-background-color) }
.chroma .gu { color: var(---chroma-gu-color); font-weight: bold }
.chroma .gt { color: var(---chroma-gt-color) }
.chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
.chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0 }
.chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0 }
.chroma .line { display: flex }
.chroma .ge { font-style: italic }
.chroma .gs { font-weight: bold }
.chroma .gl { text-decoration: underline }
