/* 테마 기본 — 뷰 파일의 <style>이 먼저 적용되고 이 파일이 뒤에 로드되므로
   같은 셀렉터를 쓰면 여기가 이깁니다. 뷰별 세밀한 톤은 각 뷰에서 담당하고,
   이 파일은 뷰에 정의되지 않은 공통 요소(링크, 토글 버튼, 버튼 카테고리 기본색)만 처리합니다. */

a {
  color: #fff;
}

:root.light-mode a {
  color: #111;
}

/* 라이트 모드 버튼 카테고리별 기본 배경(뷰에서 별도 지정 없을 때 사용) */
:root.light-mode .btn-submit {
  background: linear-gradient(135deg, #a892e6, #b8a4ef);
}

:root.light-mode .btn-submit:hover {
  background: linear-gradient(135deg, #9a82db, #aa95e5);
}

:root.light-mode .btn-history,
:root.light-mode .btn-refresh,
:root.light-mode .download-btn,
:root.light-mode #loadCsvBtn {
  background: linear-gradient(135deg, #8db0d4, #a3c0de);
}

:root.light-mode .btn-history:hover,
:root.light-mode .btn-refresh:hover,
:root.light-mode .download-btn:hover,
:root.light-mode #loadCsvBtn:hover {
  background: linear-gradient(135deg, #7ba3ca, #94b4d5);
}

:root.light-mode .btn-recovery,
:root.light-mode #exportCsvBtn,
:root.light-mode .tag-score {
  background: linear-gradient(135deg, #8cc8a6, #a4d6b8);
}

:root.light-mode .btn-recovery:hover,
:root.light-mode #exportCsvBtn:hover {
  background: linear-gradient(135deg, #7bbf97, #94ccac);
}

:root.light-mode #saveBtn,
:root.light-mode #composeBtn,
:root.light-mode #downloadBtn {
  background: linear-gradient(135deg, #e88ba7, #efa7bd);
}

:root.light-mode #saveBtn:hover,
:root.light-mode #composeBtn:hover,
:root.light-mode #downloadBtn:hover {
  background: linear-gradient(135deg, #df7a99, #e896b0);
}

:root.light-mode .btn-watermark,
:root.light-mode .btn-home,
:root.light-mode .back-btn,
:root.light-mode .small-button,
:root.light-mode a.back-button,
:root.light-mode a.home-button {
  background: linear-gradient(135deg, #b6bcc5, #c7ccd4);
  color: #111;
}

/* 테마 토글 버튼 */
#theme-toggle-btn {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 9999;
  width: auto;
  border: 1px solid #444;
  background: #111;
  color: #fff;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
}

:root.light-mode #theme-toggle-btn {
  border-color: #9aa3af;
  background: #dde3ec;
  color: #111;
}