/* 영문용 날씬한 폰트 로드 (Barlow Condensed / Semi Condensed) */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@300;400;500;600&display=swap");

/* 언어 토글 버튼 (푸터 영역) */
.lang-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: fit-content;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 4px;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--ink);
  margin: 16px 0 0;
  flex-shrink: 0;
}
.lang-toggle button {
  border: none;
  background: transparent;
  color: inherit;
  padding: 4px 10px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 700;
  font-family: var(--font-sans);
  transition: background 0.2s, color 0.2s;
}
.lang-toggle button.active {
  background: var(--grad-gold);
  color: #3a2f28;
}
/* ============ 한국어 모드: 제목 텍스트 자간 (-2px: h1~h2, -1px: h3~h6) ============ */
html[lang="ko"] h1,
html[lang="ko"] h2 {
  letter-spacing: -2px;
}
html[lang="ko"] h3,
html[lang="ko"] h4,
html[lang="ko"] h5,
html[lang="ko"] h6 {
  letter-spacing: -1px;
}

/* ============ 영문 모드: 날씬한 폰트 적용 ============ */
html[lang="en"] {
  --font-sans: "Barlow Semi Condensed", "Barlow", -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Barlow Condensed", "Barlow Semi Condensed", -apple-system,
    "Segoe UI", sans-serif;
}

/* 영문 모드에서 전반적으로 굵기 낮춤 + 자간 -0.5px */
html[lang="en"] body {
  font-family: var(--font-sans);
  font-weight: 400;
  letter-spacing: -0.5px;
}

/* 제목(h1~h6)은 날씬한 condensed 폰트 + 덜 굵게 */
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6 {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -1px;
}

/* 강조 태그도 과도한 굵기 방지 */
html[lang="en"] strong,
html[lang="en"] b {
  font-weight: 600;
}

/* 영문 모드에서 특정 요소 숨김(예: 한자 병기) */
html[lang="en"] .ko-only {
  display: none !important;
}