/* Chroma syntax highlighting — dark by default, light via [data-theme="light"]. */

.chroma { background: transparent; color: inherit; }

/* ---- dark (default) ---- */
.chroma .c, .chroma .ch, .chroma .cm, .chroma .c1, .chroma .cs, .chroma .cp, .chroma .cpf { color: #7d828b; font-style: italic; }
.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr { color: #ff7b72; }
.chroma .kt { color: #ffa657; }
.chroma .s, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl, .chroma .sd, .chroma .s2, .chroma .se, .chroma .sh, .chroma .si, .chroma .sx, .chroma .sr, .chroma .s1, .chroma .ss { color: #7ee787; }
.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo { color: #d2a8ff; }
.chroma .nf, .chroma .fm, .chroma .nx { color: #79c0ff; }
.chroma .nb, .chroma .bp { color: #79c0ff; }
.chroma .nc, .chroma .nn, .chroma .no { color: #ffa657; }
.chroma .na { color: #d2a8ff; }
.chroma .nt { color: #ff7b72; }
.chroma .nv, .chroma .vc, .chroma .vg, .chroma .vi { color: #e4e4e2; }
.chroma .o, .chroma .ow { color: #ffa657; }
.chroma .p { color: inherit; }
.chroma .gd { color: #ff7b72; }
.chroma .gi { color: #7ee787; }
.chroma .err { color: #ff6b6b; }
.chroma .ln, .chroma .lnt { color: #4b515b; }

/* ---- light (opt-in via toggle) ---- */
[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 { color: #8a8f98; }
[data-theme="light"] .chroma .k, [data-theme="light"] .chroma .kc, [data-theme="light"] .chroma .kd, [data-theme="light"] .chroma .kn, [data-theme="light"] .chroma .kp, [data-theme="light"] .chroma .kr { color: #a4243b; }
[data-theme="light"] .chroma .kt { color: #b25000; }
[data-theme="light"] .chroma .s, [data-theme="light"] .chroma .sa, [data-theme="light"] .chroma .sb, [data-theme="light"] .chroma .sc, [data-theme="light"] .chroma .dl, [data-theme="light"] .chroma .sd, [data-theme="light"] .chroma .s2, [data-theme="light"] .chroma .se, [data-theme="light"] .chroma .sh, [data-theme="light"] .chroma .si, [data-theme="light"] .chroma .sx, [data-theme="light"] .chroma .sr, [data-theme="light"] .chroma .s1, [data-theme="light"] .chroma .ss { color: #2f7d33; }
[data-theme="light"] .chroma .m, [data-theme="light"] .chroma .mb, [data-theme="light"] .chroma .mf, [data-theme="light"] .chroma .mh, [data-theme="light"] .chroma .mi, [data-theme="light"] .chroma .il, [data-theme="light"] .chroma .mo { color: #7a3ba0; }
[data-theme="light"] .chroma .nf, [data-theme="light"] .chroma .fm, [data-theme="light"] .chroma .nx { color: #2b5fb0; }
[data-theme="light"] .chroma .nb, [data-theme="light"] .chroma .bp { color: #2b5fb0; }
[data-theme="light"] .chroma .nc, [data-theme="light"] .chroma .nn, [data-theme="light"] .chroma .no { color: #b25000; }
[data-theme="light"] .chroma .na { color: #7a3ba0; }
[data-theme="light"] .chroma .nt { color: #a4243b; }
[data-theme="light"] .chroma .nv, [data-theme="light"] .chroma .vc, [data-theme="light"] .chroma .vg, [data-theme="light"] .chroma .vi { color: #1b1b1a; }
[data-theme="light"] .chroma .o, [data-theme="light"] .chroma .ow { color: #b25000; }
[data-theme="light"] .chroma .gd { color: #a4243b; }
[data-theme="light"] .chroma .gi { color: #2f7d33; }
[data-theme="light"] .chroma .err { color: #c0392b; }
[data-theme="light"] .chroma .ln, [data-theme="light"] .chroma .lnt { color: #b7bdc6; }