/* source/_static/custom.css */

/* 1. 브랜드 컬러 및 기본 테마 색상 (KAIST Blue 톤) */
/* Light/Dark 모드에 따라 자동 변환되는 변수 활용 */
:root {
  --pst-color-primary: #294db9;      /* 링크 및 포인트 색상 */
  --pst-color-link: #294db9;
  --pst-color-link-hover: #1e3a8a;
  /* Dark 모드일 때 링크가 너무 어두우면 안보이므로 조정이 필요하지만, 
     sphinx-book-theme은 기본적으로 자동 보정해줍니다. */
}

/* 2. 레이아웃: 페이지를 넓고 시원하게 */
.bd-page-width {
  max-width: 100em;
}

.bd-sidebar-primary {
  width: 18rem;
}

/* 3. 본문 타이포그래피 디테일 (★수정됨) */
/* 제목 색상을 강제하지 않고, 테마 기본값을 따르되 스타일만 변경 */
.bd-content h1 {
  border-bottom: 2px solid var(--pst-color-border); /* 테두리도 테마 색상 따름 */
  padding-bottom: 0.4em;
  margin-bottom: 1.2em;
  font-weight: 700;
  /* color: #111;  <-- 이 부분을 삭제했습니다! */
}
.bd-content h2 {
  border-bottom: 1px solid var(--pst-color-border);
  padding-bottom: 0.3em;
  margin-top: 2.5em;
  margin-bottom: 1em;
  /* color: #333;  <-- 이 부분을 삭제했습니다! */
}

/* 4. 테이블(표) 디자인 (★수정됨) */
.bd-content table.docutils {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  border-radius: 8px;
  overflow: hidden;
  /* 그림자나 테두리도 다크모드 대응 */
  border: 1px solid var(--pst-color-border);
}

.bd-content table.docutils th {
  background-color: var(--pst-color-surface); /* 테마 표면 색상 사용 */
  font-weight: 600;
  /* color: #333; <-- 삭제 */
  border-bottom: 2px solid var(--pst-color-border);
  padding: 12px;
}

.bd-content table.docutils td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--pst-color-border);
}

/* 짝수 행 배경색: 반투명 검정/흰색을 사용하여 다크모드 대응 */
.bd-content table.docutils tr:nth-child(even) {
  background-color: rgba(127, 127, 127, 0.05); /* 투명도 활용 */
}

/* 5. 강조 박스 (Admonition) 디자인 개선 (★수정됨) */
/* 배경색을 흰색(#fff)으로 고정하면 다크모드에서 눈부심. 변수 사용. */
.admonition {
  border: 1px solid var(--pst-color-border);
  border-left-width: 5px;
  border-radius: 4px;
  background-color: var(--pst-color-surface); /* 자동 배경색 */
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.admonition > .admonition-title {
  background-color: transparent !important;
  font-weight: 700;
  border-bottom: none;
}

/* Note (파랑) */
.admonition.note { border-left-color: #4dabf7; }
/* 배경에 살짝 색감을 주고 싶다면 rgba 사용 (다크모드에서도 자연스러움) */
.admonition.note { background-color: rgba(77, 171, 247, 0.05); } 
.admonition.note > .admonition-title { color: #1971c2; }
/* 다크모드일 때 타이틀 색상 보정 (선택사항) */
html[data-theme="dark"] .admonition.note > .admonition-title { color: #74c0fc; }

/* Warning (주황) */
.admonition.warning { border-left-color: #ff922b; }
.admonition.warning { background-color: rgba(255, 146, 43, 0.05); }
.admonition.warning > .admonition-title { color: #e8590c; }
html[data-theme="dark"] .admonition.warning > .admonition-title { color: #ff922b; }