/* ── chart-theme.css ───────────────────────────────────────────────────
   공통 라이트 테마 CSS 변수
   각 HTML에서 <link rel="stylesheet" href="chart-theme.css"> 로 import
   각 HTML의 html[data-theme="light"]{...} 블록 제거 후 이 파일로 대체
*/
html[data-theme="light"] {
  --bg:  #f5f6f9;
  --sf:  #ffffff;
  --sf2: #f0f1f5;
  --sf3: #e6e8ee;
  --bd:  #e1e4ec;
  --bd2: #d3d7e2;
  --ac:  #0ea968;
  --acd: #e3f9ef;
  --acm: #d3f3e4;
  --tx:  #1a1d29;
  --tx2: #5b6480;
  --tx3: #9099b3;
}

/* ── Theme preset buttons ── */
.theme-preset-btn {
  padding: 5px 14px;
  border-radius: 7px;
  border: 1px solid var(--bd2);
  background: var(--sf2);
  color: var(--tx2);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: var(--font);
  transition: all .15s;
}
.theme-preset-btn:hover {
  border-color: var(--ac);
  color: var(--ac);
}
.theme-preset-btn.active {
  border-color: var(--ac);
  background: var(--acm);
  color: var(--ac);
}