/* ============================================================
   Springboard — resources/common.css
   코드 색상(A/B/C/Custom) + 폰트 + 사이즈 공통 관리
   ============================================================ */

:root {
  --code-size: 13px;
  --code-font: 'Roboto Mono', monospace;
  --code-bg: #282a36;
}

/* ── 코드블록 폰트 적용 ── */
.cb pre, .cb-body, .code-body, pre, .tree {
  font-size: var(--code-size) !important;
  font-family: var(--code-font) !important;
}


/* ══════════════════════════════════
   Custom 안들 — JS가 동적으로 추가
   ══════════════════════════════════ */

/* ══════════════════════════════════
   Prism.js 토큰 → 테마 클래스 연결
   ══════════════════════════════════ */
.cb-body pre, .cb-body code { background: transparent !important; padding: 0 !important; }




/* 라이트 모드 */
html.light .sb-control { background:#f0f4f8; border-color:#cdd5e0; }
html.light .ctrl-btn { background:#ffffff; border-color:#cdd5e0; color:#475569; }
html.light .ctrl-btn:hover { border-color:#2563eb; color:#2563eb; }
html.light .ctrl-btn.active { border-color:#2563eb; color:#2563eb; background:rgba(37,99,235,0.06); }
html.light .ctrl-divider { background:#cdd5e0; }
html.light .font-size-display, html.light .font-name-display, html.light .sb-control-label { color:#64748b; }
html.light .custom-panel { background:#ffffff; border-color:#cdd5e0; }
html.light .custom-name-input { background:#f0f4f8; border-color:#cdd5e0; color:#1e293b; }
html.light .color-row { border-color:#e2e8f0; }
html.light .color-label { color:#64748b; }

/* ── 현재 적용 테마: catppuccin_mocha ── */
body.theme-a .keyword { color: #cba6f7; font-weight:600; }
body.theme-a .cb-body .token.keyword { color: #cba6f7; font-weight:600; }
body.theme-a .annotation { color: #89dceb; }
body.theme-a .cb-body .token.annotation { color: #89dceb; }
body.theme-a .classname { color: #fab387; }
body.theme-a .cb-body .token.class-name { color: #fab387; }
body.theme-a .method { color: #89b4fa; }
body.theme-a .cb-body .token.function { color: #89b4fa; }
body.theme-a .string { color: #a6e3a1; }
body.theme-a .cb-body .token.string { color: #a6e3a1; }
body.theme-a .number { color: #cba6f7; }
body.theme-a .cb-body .token.number { color: #cba6f7; }
body.theme-a .boolean { color: #f38ba8; }
body.theme-a .cb-body .token.boolean { color: #f38ba8; }
body.theme-a .comment { color: #6c7086; font-style:italic; }
body.theme-a .cb-body .token.comment { color: #6c7086; font-style:italic; }
body.theme-a .operator { color: #f5c2e7; }
body.theme-a .cb-body .token.operator { color: #f5c2e7; }
body.theme-a .punctuation { color: #9399b2; }
body.theme-a .cb-body .token.punctuation { color: #9399b2; }
body.theme-a .tag { color: #f38ba8; }
body.theme-a .cb-body .token.tag { color: #f38ba8; }
body.theme-a .type { color: #89dceb; }
body.theme-a .cb-body .token.type { color: #89dceb; }
body.theme-a .varname { color: #cdd6f4; }
body.theme-a .cb-body .token.varname { color: #cdd6f4; }
body.theme-a .constant { color: #f9e2af; }
body.theme-a .cb-body .token.constant { color: #f9e2af; }
body.theme-a .attr-name { color: #89b4fa; }
body.theme-a .cb-body .token.attr-name { color: #89b4fa; }
body.theme-a .attr-value { color: #a6e3a1; }
body.theme-a .cb-body .token.attr-value { color: #a6e3a1; }
body.theme-a .plaintext { color: #cdd6f4; }
body.theme-a .cb-body .token.plaintext { color: #cdd6f4; }
body.theme-a .field-ok { color: #f9e2af; }
body.theme-a .cb-body .token.field-ok { color: #f9e2af; }
body.theme-a .field-bad { color: #f38ba8; }
body.theme-a .cb-body .token.field-bad { color: #f38ba8; }



/* CUSTOM-START */


/* CUSTOM-END */