/* Hugo Chroma tokens share the current light/dark theme. */
.chroma { color: var(--text); background: transparent; }
.chroma .err { color: #c64040; }
.chroma .c, .chroma .ch, .chroma .cm, .chroma .c1, .chroma .cs, .chroma .cp { color: var(--text-subtle); font-style: italic; }
.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .kt { color: #8c4b9f; font-weight: 600; }
html[data-theme="dark"] .chroma .k, html[data-theme="dark"] .chroma .kc, html[data-theme="dark"] .chroma .kd, html[data-theme="dark"] .chroma .kn, html[data-theme="dark"] .chroma .kp, html[data-theme="dark"] .chroma .kr, html[data-theme="dark"] .chroma .kt { color: #c6a0e0; }
.chroma .n, .chroma .na, .chroma .nb, .chroma .nc, .chroma .nd, .chroma .ne, .chroma .nf, .chroma .nn, .chroma .nv { color: #315d8f; }
html[data-theme="dark"] .chroma .n, html[data-theme="dark"] .chroma .na, html[data-theme="dark"] .chroma .nb, html[data-theme="dark"] .chroma .nc, html[data-theme="dark"] .chroma .nd, html[data-theme="dark"] .chroma .ne, html[data-theme="dark"] .chroma .nf, html[data-theme="dark"] .chroma .nn, html[data-theme="dark"] .chroma .nv { color: #9bbce8; }
.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .mo { color: #9a581f; }
html[data-theme="dark"] .chroma .m, html[data-theme="dark"] .chroma .mb, html[data-theme="dark"] .chroma .mf, html[data-theme="dark"] .chroma .mh, html[data-theme="dark"] .chroma .mi, html[data-theme="dark"] .chroma .mo { color: #e6b47a; }
.chroma .s, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl, .chroma .sd, .chroma .s1, .chroma .s2, .chroma .se, .chroma .sh, .chroma .si, .chroma .sr, .chroma .ss { color: #287455; }
html[data-theme="dark"] .chroma .s, html[data-theme="dark"] .chroma .sa, html[data-theme="dark"] .chroma .sb, html[data-theme="dark"] .chroma .sc, html[data-theme="dark"] .chroma .dl, html[data-theme="dark"] .chroma .sd, html[data-theme="dark"] .chroma .s1, html[data-theme="dark"] .chroma .s2, html[data-theme="dark"] .chroma .se, html[data-theme="dark"] .chroma .sh, html[data-theme="dark"] .chroma .si, html[data-theme="dark"] .chroma .sr, html[data-theme="dark"] .chroma .ss { color: #8ac7a4; }
.chroma .o, .chroma .ow, .chroma .p { color: var(--text-muted); }
.chroma .gd { color: #b44b4b; background: color-mix(in srgb, #b44b4b 12%, transparent); }
.chroma .gi { color: #287455; background: color-mix(in srgb, #287455 12%, transparent); }
.chroma .gh, .chroma .gu { color: var(--accent); font-weight: 650; }
.chroma .ln, .chroma .lnt { padding-right: 12px; color: var(--text-subtle); user-select: none; }