/* 루트 크기는 브라우저 설정을 유지하며 본문·컨트롤·편집기는 같은 기준을 사용합니다. */
:root {
  --font-size-base: .875rem;
  /* 터미널·코드 편집기 글꼴 크기. 사용자가 바꾸면 index.html이 px 값으로 덮어씁니다. */
  --font-size-mono: var(--font-size-base);
  --font-mono: "JetBrains Mono", "D2Coding", "Courier New", monospace;
  --font-ligatures: none;
  color-scheme: dark;
}
body { font-size: var(--font-size-base); }
button, input, select, textarea { font-family: inherit; }
.font-preview { font-variant-ligatures: var(--font-ligatures); }

@font-face {
  font-family: "D2Coding";
  src: url("fonts/D2Coding-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "D2Coding ligature";
  src: url("fonts/D2CodingLigature-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Mono CJK KR";
  src: url("fonts/NotoSansMonoCJKkr-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/JetBrainsMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Code Pro";
  src: url("fonts/SourceCodePro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}