/* Code highlighting — chroma token classes mapped to theme variables. The
   tokens flip by theme, so this single mapping serves both light and dark.
   Scoped to .chroma (the <pre> wrapper the renderer emits). */

.chroma .k, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .kc { color: var(--k); }
.chroma .kt { color: var(--t); }

.chroma .s, .chroma .sb, .chroma .sc, .chroma .s1, .chroma .s2, .chroma .se,
.chroma .sh, .chroma .si, .chroma .sr, .chroma .sd, .chroma .sx, .chroma .ss { color: var(--s); }

.chroma .nf, .chroma .nb, .chroma .fm { color: var(--f); }
.chroma .nc, .chroma .nn, .chroma .no { color: var(--t); }
.chroma .na, .chroma .nt { color: var(--f); }

.chroma .c, .chroma .ch, .chroma .cm, .chroma .cp, .chroma .c1, .chroma .cs { color: var(--c); font-style: italic; }

.chroma .m, .chroma .mi, .chroma .mf, .chroma .mh, .chroma .mo, .chroma .mb, .chroma .il { color: var(--n); }

.chroma .o, .chroma .ow, .chroma .p { color: var(--fg-muted); }

.chroma .gd { color: var(--marker); }
.chroma .gi { color: var(--s); }