/* 🌙 다크모드 배경 & 텍스트 */
html.dark body {
  background: black;
  color: #f0f0f0;
}

/* 제목/부제목 */
html.dark body .site-title {
  color: #f5f5f5;
}
html.dark body .site-subtitle {
  color: #bbb;
}


/* 왼쪽 패널 */
html.dark body .main-panel {
  background: linear-gradient(to bottom, #1e1e2f 0%, #2a2a4d 70%, #3d3d6b 100%);
  box-shadow: inset -5px 0 5px -5px rgba(0,0,0,0.5);
}


/* 검색창 form */
html.dark body .search-form {
  background-color: #454545;
  border: 1px solid #555;
  box-shadow: none;
}

/* 검색창 input */
html.dark body .search-box {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff;
}
html.dark body .search-box::placeholder {
  color: #bbb;
  opacity: 1;
}

/* 검색 아이콘 */
html.dark body .search-form i {
  color: #ccc;
}

/* 푸터 */
html.dark body .site-footer {
  color: #ccc;
  background: #121212;
  border-top: 1px solid #444;
}

/* 이미지 모드 전환 */
html.dark body .dark-img {
  display: block;
}
html.dark body .light-img {
  display: none;
}

html.dark body .header-top {
  z-index: 5000;
  background-color: transparent!important;
  border-bottom: none !important;
}

html.dark body .welcome-text {
  color: #ffffff;
}

html.dark body .side-panel{
  background: transparent!important;
}




html.dark body .board-table td a {
  color: #ffffff;               /* 자연스러운 검회색 계열 */
  text-decoration: none;     /* 밑줄 제거 */
  font-weight: 500;          /* 적당한 굵기 */
}

html.dark body .board-table td a:hover {
  color: #ff6666;            /* 마우스 올리면 살짝 포인트 색상 */
  text-decoration: underline;/* 원하면 다시 밑줄 살짝 */
}


html.dark body .board-table th {
  background-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}



html.dark body .mobile-post-item .post-title {
  font-size: 0.9rem;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
  display: block;
  margin-bottom: 0rem;
}


html.dark #preloader {
  background: #000000 !important; /* 필요하면 배경색 지정 */
  display: flex;
  transition: opacity 0.6s ease; /* 부드럽게 사라짐 */
}