/*
 * HCB(highlighting-code-block) 커스텀 컬러링 — Retype Code Block 실측 재현
 * (retype.com/components/code-block, 2026-07-03 실측)
 * 연결: HCB 설정 prism_css_path = "hcb-retype.css" (자식 테마 상대경로, 공식 지원 옵션)
 * 배경 #1E1E1E · 본문 #E2E2E2 · 13px · 패딩 16×20 · 라운드 8 — VS Code Dark+ 토큰
 * 실측값: keyword/boolean #569CD6, string #CE9178, function #DCDCAA, comment #6A9955,
 *         number #B5CEA8, operator/punctuation #D4D4D4, property #9CDCFE
 * 실측 불가분(샘플 없음)은 VS Code Dark+ 표준값으로 보충: tag #569CD6, attr-name #9CDCFE,
 *         attr-value #CE9178, selector #D7BA7D, class-name #4EC9B0
 */
:root {
  --hcb--fz--base: 13px;
  --hcb--fz--mobile: 12px;
  --hcb--pY: 16px;
  --hcb--pX: 20px;
  --hcb--radius: 8px;
  --hcb--c: #e2e2e2;
  --hcb--tsh: unset;
  --hcb--bgc: #1e1e1e;
  --hcb--data-label--c: #fff;
  --hcb--data-label--bgc: #323232;
  --hcb--line-numbers--c: #6e7681;
  --hcb--highlight-color: rgba(255,255,255,0.07);
  --hcb--file-icon: url(../../plugins/highlighting-code-block/assets/img/file-icon-dark.svg);
  --hcb--scbar-track--bgc: rgba(255,255,255,0.06);
  --hcb--scbar-thumb--bgc: rgba(255,255,255,0.25);
}

/* 토큰 색 — Retype 실측(VS Code Dark+) */
.hcb_wrap .token.comment,
.hcb_wrap .token.prolog,
.hcb_wrap .token.doctype,
.hcb_wrap .token.cdata { color: #6a9955; }

.hcb_wrap .token.punctuation,
.hcb_wrap .token.operator { color: #d4d4d4; }

.hcb_wrap .token.keyword,
.hcb_wrap .token.boolean,
.hcb_wrap .token.tag { color: #569cd6; }

.hcb_wrap .token.string,
.hcb_wrap .token.char,
.hcb_wrap .token.attr-value { color: #ce9178; }

.hcb_wrap .token.function { color: #dcdcaa; }

.hcb_wrap .token.number { color: #b5cea8; }

.hcb_wrap .token.property,
.hcb_wrap .token.attr-name,
.hcb_wrap .token.variable,
.hcb_wrap .token.constant { color: #9cdcfe; }

.hcb_wrap .token.selector { color: #d7ba7d; }

.hcb_wrap .token.class-name,
.hcb_wrap .token.builtin { color: #4ec9b0; }

.hcb_wrap .token.important,
.hcb_wrap .token.deleted { color: #e53e3e; }
.hcb_wrap .token.inserted { color: #36ad99; }
.hcb_wrap .token.url,
.hcb_wrap .token.entity,
.hcb_wrap .token.symbol,
.hcb_wrap .token.atrule { color: #c586c0; }