/* 전체 사이트 라이트/다크 모드 대응 */

/* 라이트 모드 - 깔끔한 어두운 글자 */
h1, h2, h3, h4, h5, h6 {
  color: #1a202c !important;
  font-weight: 600 !important;
}

.page__content h1,
.page__content h2,
.page__content h3,
.page__content h4,
.page__content h5,
.page__content h6,
article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
  color: #1a202c !important;
  font-weight: 600 !important;
}

.page__content,
article,
main p,
main li,
main span {
  color: #2d3748 !important;
  font-weight: 400 !important;
}

/* 링크 색상 - 라이트 모드 */
a {
  color: #0066cc !important;
  font-weight: 500 !important;
}

a:hover {
  color: #004499 !important;
}

/* 다크 모드 - 깔끔한 밝은 글자 */
@media (prefers-color-scheme: dark) {
  h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
    font-weight: 600 !important;
  }

  .page__content h1,
  .page__content h2,
  .page__content h3,
  .page__content h4,
  .page__content h5,
  .page__content h6,
  article h1,
  article h2,
  article h3,
  article h4,
  article h5,
  article h6,
  main h1,
  main h2,
  main h3,
  main h4,
  main h5,
  main h6 {
    color: #ffffff !important;
    font-weight: 600 !important;
  }

  .page__content,
  article,
  main p,
  main li,
  main span {
    color: #e2e8f0 !important;
    font-weight: 400 !important;
  }

  /* 다크모드 링크 색상 */
  a {
    color: #60a5fa !important;
    font-weight: 500 !important;
  }

  a:hover {
    color: #3b82f6 !important;
  }
}

/* 상단바 투명 배경, 흰색 글자 */
.masthead {
  background: transparent !important;
  border-bottom: none !important;
}

.masthead a {
  color: #ffffff !important;
  font-weight: 500 !important;
}

.masthead a:hover {
  color: #60a5fa !important;
}