/* Light-mode syntax override (github style). Dark mode keeps theme's own token
   colors from _syntax.sass. Applies when data-mode=lit or auto+OS-light. */

/* base code container + text in light mode */
html[data-mode="lit"] .highlight_wrap { --code-bg: #f6f8fa; }
html[data-mode="lit"] .highlight_wrap pre { color: #24292f !important; }
html[data-mode="lit"] .highlight .lntd:first-child pre,
html[data-mode="lit"] .highlight .lntd:first-child { color: rgba(0,0,0,0.45) !important; }

@media (prefers-color-scheme: light) {
  html:not([data-mode="dim"]) .highlight_wrap { --code-bg: #f6f8fa; }
  html:not([data-mode="dim"]) .highlight_wrap pre { color: #24292f !important; }
  html:not([data-mode="dim"]) .highlight .lntd:first-child pre,
  html:not([data-mode="dim"]) .highlight .lntd:first-child { color: rgba(0,0,0,0.45) !important; }
}

/* token colors — lit mode */
html[data-mode="lit"] .bg { background-color:#f7f7f7; }
html[data-mode="lit"] .chroma { background-color:#f7f7f7;-webkit-text-size-adjust:none; }
html[data-mode="lit"] .chroma .err { color:#f6f8fa;background-color:#82071e }
html[data-mode="lit"] .chroma .lnlinks { outline:none;text-decoration:none;color:inherit }
html[data-mode="lit"] .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
html[data-mode="lit"] .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }
html[data-mode="lit"] .chroma .hl { background-color:#dedede }
html[data-mode="lit"] .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
html[data-mode="lit"] .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
html[data-mode="lit"] .chroma .line { display:flex; }
html[data-mode="lit"] .chroma .k { color:#cf222e }
html[data-mode="lit"] .chroma .kc { color:#cf222e }
html[data-mode="lit"] .chroma .kd { color:#cf222e }
html[data-mode="lit"] .chroma .kn { color:#cf222e }
html[data-mode="lit"] .chroma .kp { color:#cf222e }
html[data-mode="lit"] .chroma .kr { color:#cf222e }
html[data-mode="lit"] .chroma .kt { color:#cf222e }
html[data-mode="lit"] .chroma .na { color:#1f2328 }
html[data-mode="lit"] .chroma .nc { color:#1f2328 }
html[data-mode="lit"] .chroma .no { color:#0550ae }
html[data-mode="lit"] .chroma .nd { color:#0550ae }
html[data-mode="lit"] .chroma .ni { color:#6639ba }
html[data-mode="lit"] .chroma .nl { color:#900;font-weight:bold }
html[data-mode="lit"] .chroma .nn { color:#24292e }
html[data-mode="lit"] .chroma .nx { color:#1f2328 }
html[data-mode="lit"] .chroma .nt { color:#0550ae }
html[data-mode="lit"] .chroma .nb { color:#6639ba }
html[data-mode="lit"] .chroma .bp { color:#6a737d }
html[data-mode="lit"] .chroma .nv { color:#953800 }
html[data-mode="lit"] .chroma .vc { color:#953800 }
html[data-mode="lit"] .chroma .vg { color:#953800 }
html[data-mode="lit"] .chroma .vi { color:#953800 }
html[data-mode="lit"] .chroma .vm { color:#953800 }
html[data-mode="lit"] .chroma .nf { color:#6639ba }
html[data-mode="lit"] .chroma .fm { color:#6639ba }
html[data-mode="lit"] .chroma .s { color:#0a3069 }
html[data-mode="lit"] .chroma .sa { color:#0a3069 }
html[data-mode="lit"] .chroma .sb { color:#0a3069 }
html[data-mode="lit"] .chroma .sc { color:#0a3069 }
html[data-mode="lit"] .chroma .dl { color:#0a3069 }
html[data-mode="lit"] .chroma .sd { color:#0a3069 }
html[data-mode="lit"] .chroma .s2 { color:#0a3069 }
html[data-mode="lit"] .chroma .se { color:#0a3069 }
html[data-mode="lit"] .chroma .sh { color:#0a3069 }
html[data-mode="lit"] .chroma .si { color:#0a3069 }
html[data-mode="lit"] .chroma .sx { color:#0a3069 }
html[data-mode="lit"] .chroma .sr { color:#0a3069 }
html[data-mode="lit"] .chroma .s1 { color:#0a3069 }
html[data-mode="lit"] .chroma .ss { color:#032f62 }
html[data-mode="lit"] .chroma .m { color:#0550ae }
html[data-mode="lit"] .chroma .mb { color:#0550ae }
html[data-mode="lit"] .chroma .mf { color:#0550ae }
html[data-mode="lit"] .chroma .mh { color:#0550ae }
html[data-mode="lit"] .chroma .mi { color:#0550ae }
html[data-mode="lit"] .chroma .il { color:#0550ae }
html[data-mode="lit"] .chroma .mo { color:#0550ae }
html[data-mode="lit"] .chroma .o { color:#0550ae }
html[data-mode="lit"] .chroma .ow { color:#0550ae }
html[data-mode="lit"] .chroma .or { color:#0550ae }
html[data-mode="lit"] .chroma .p { color:#1f2328 }
html[data-mode="lit"] .chroma .c { color:#57606a }
html[data-mode="lit"] .chroma .ch { color:#57606a }
html[data-mode="lit"] .chroma .cm { color:#57606a }
html[data-mode="lit"] .chroma .c1 { color:#57606a }
html[data-mode="lit"] .chroma .cs { color:#57606a }
html[data-mode="lit"] .chroma .cp { color:#57606a }
html[data-mode="lit"] .chroma .cpf { color:#57606a }
html[data-mode="lit"] .chroma .gd { color:#82071e;background-color:#ffebe9 }
html[data-mode="lit"] .chroma .ge { color:#1f2328 }
html[data-mode="lit"] .chroma .gi { color:#116329;background-color:#dafbe1 }
html[data-mode="lit"] .chroma .go { color:#1f2328 }
html[data-mode="lit"] .chroma .gl { text-decoration:underline }
html[data-mode="lit"] .chroma .w { color:#fff }

/* token colors — auto + OS light */
@media (prefers-color-scheme: light) {
  html:not([data-mode="dim"]) .bg { background-color:#f7f7f7; }
  html:not([data-mode="dim"]) .chroma { background-color:#f7f7f7;-webkit-text-size-adjust:none; }
  html:not([data-mode="dim"]) .chroma .err { color:#f6f8fa;background-color:#82071e }
  html:not([data-mode="dim"]) .chroma .lnlinks { outline:none;text-decoration:none;color:inherit }
  html:not([data-mode="dim"]) .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
  html:not([data-mode="dim"]) .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }
  html:not([data-mode="dim"]) .chroma .hl { background-color:#dedede }
  html:not([data-mode="dim"]) .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
  html:not([data-mode="dim"]) .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
  html:not([data-mode="dim"]) .chroma .line { display:flex; }
  html:not([data-mode="dim"]) .chroma .k { color:#cf222e }
  html:not([data-mode="dim"]) .chroma .kc { color:#cf222e }
  html:not([data-mode="dim"]) .chroma .kd { color:#cf222e }
  html:not([data-mode="dim"]) .chroma .kn { color:#cf222e }
  html:not([data-mode="dim"]) .chroma .kp { color:#cf222e }
  html:not([data-mode="dim"]) .chroma .kr { color:#cf222e }
  html:not([data-mode="dim"]) .chroma .kt { color:#cf222e }
  html:not([data-mode="dim"]) .chroma .na { color:#1f2328 }
  html:not([data-mode="dim"]) .chroma .nc { color:#1f2328 }
  html:not([data-mode="dim"]) .chroma .no { color:#0550ae }
  html:not([data-mode="dim"]) .chroma .nd { color:#0550ae }
  html:not([data-mode="dim"]) .chroma .ni { color:#6639ba }
  html:not([data-mode="dim"]) .chroma .nl { color:#900;font-weight:bold }
  html:not([data-mode="dim"]) .chroma .nn { color:#24292e }
  html:not([data-mode="dim"]) .chroma .nx { color:#1f2328 }
  html:not([data-mode="dim"]) .chroma .nt { color:#0550ae }
  html:not([data-mode="dim"]) .chroma .nb { color:#6639ba }
  html:not([data-mode="dim"]) .chroma .bp { color:#6a737d }
  html:not([data-mode="dim"]) .chroma .nv { color:#953800 }
  html:not([data-mode="dim"]) .chroma .vc { color:#953800 }
  html:not([data-mode="dim"]) .chroma .vg { color:#953800 }
  html:not([data-mode="dim"]) .chroma .vi { color:#953800 }
  html:not([data-mode="dim"]) .chroma .vm { color:#953800 }
  html:not([data-mode="dim"]) .chroma .nf { color:#6639ba }
  html:not([data-mode="dim"]) .chroma .fm { color:#6639ba }
  html:not([data-mode="dim"]) .chroma .s { color:#0a3069 }
  html:not([data-mode="dim"]) .chroma .sa { color:#0a3069 }
  html:not([data-mode="dim"]) .chroma .sb { color:#0a3069 }
  html:not([data-mode="dim"]) .chroma .sc { color:#0a3069 }
  html:not([data-mode="dim"]) .chroma .dl { color:#0a3069 }
  html:not([data-mode="dim"]) .chroma .sd { color:#0a3069 }
  html:not([data-mode="dim"]) .chroma .s2 { color:#0a3069 }
  html:not([data-mode="dim"]) .chroma .se { color:#0a3069 }
  html:not([data-mode="dim"]) .chroma .sh { color:#0a3069 }
  html:not([data-mode="dim"]) .chroma .si { color:#0a3069 }
  html:not([data-mode="dim"]) .chroma .sx { color:#0a3069 }
  html:not([data-mode="dim"]) .chroma .sr { color:#0a3069 }
  html:not([data-mode="dim"]) .chroma .s1 { color:#0a3069 }
  html:not([data-mode="dim"]) .chroma .ss { color:#032f62 }
  html:not([data-mode="dim"]) .chroma .m { color:#0550ae }
  html:not([data-mode="dim"]) .chroma .mb { color:#0550ae }
  html:not([data-mode="dim"]) .chroma .mf { color:#0550ae }
  html:not([data-mode="dim"]) .chroma .mh { color:#0550ae }
  html:not([data-mode="dim"]) .chroma .mi { color:#0550ae }
  html:not([data-mode="dim"]) .chroma .il { color:#0550ae }
  html:not([data-mode="dim"]) .chroma .mo { color:#0550ae }
  html:not([data-mode="dim"]) .chroma .o { color:#0550ae }
  html:not([data-mode="dim"]) .chroma .ow { color:#0550ae }
  html:not([data-mode="dim"]) .chroma .or { color:#0550ae }
  html:not([data-mode="dim"]) .chroma .p { color:#1f2328 }
  html:not([data-mode="dim"]) .chroma .c { color:#57606a }
  html:not([data-mode="dim"]) .chroma .ch { color:#57606a }
  html:not([data-mode="dim"]) .chroma .cm { color:#57606a }
  html:not([data-mode="dim"]) .chroma .c1 { color:#57606a }
  html:not([data-mode="dim"]) .chroma .cs { color:#57606a }
  html:not([data-mode="dim"]) .chroma .cp { color:#57606a }
  html:not([data-mode="dim"]) .chroma .cpf { color:#57606a }
  html:not([data-mode="dim"]) .chroma .gd { color:#82071e;background-color:#ffebe9 }
  html:not([data-mode="dim"]) .chroma .ge { color:#1f2328 }
  html:not([data-mode="dim"]) .chroma .gi { color:#116329;background-color:#dafbe1 }
  html:not([data-mode="dim"]) .chroma .go { color:#1f2328 }
  html:not([data-mode="dim"]) .chroma .gl { text-decoration:underline }
  html:not([data-mode="dim"]) .chroma .w { color:#fff }
}