/* source/_static/custom.css */

/* 브랜드 컬러 및 기본 테마 색상 (KAIST Blue) */
/* Light/Dark 모드에 따라 자동 변환 */
:root {
  --pst-color-primary: #294db9;     
  --pst-color-link: #294db9;
  --pst-color-link-hover: #1e3a8a;

}

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

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

/*본문 타이포그래피  */
.bd-content h1 {
  border-bottom: 2px solid var(--pst-color-border); 
  padding-bottom: 0.4em;
  margin-bottom: 1.2em;
  font-weight: 700;
}
.bd-content h2 {
  border-bottom: 1px solid var(--pst-color-border);
  padding-bottom: 0.3em;
  margin-top: 2.5em;
  margin-bottom: 1em;
}

/*테이블(표) 디자인 */
.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;
  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); 
}

/*Admonition 디자인*/
.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; }
.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; }