/* themes.css */

:root {
  --bg-color: #ffffff;
  --text-color: #333333;
  --primary-color: #007bff;
  --secondary-color: #ffffff;
  --third-color: #cccccc;
  --primary-hover-color: #0056b3;
}

/* 蓝色主题（默认） */
.theme-blue {
  --bg-color: #f5f2f2;
  --text-color: #333333;
  --primary-color: #007bff;
  --secondary-color: #ffffff;
  --third-color: #cccccc;
  --primary-hover-color: #0056b3;
}

/* 暗黑主题（改进：几乎全黑 + 白字） */
.theme-dark {
  --bg-color: #000000;
  --text-color: #e0e0e0;
  --primary-color: #113d61;
  --secondary-color: #5f5f5f;
  --third-color: #333333;
  --primary-hover-color: #0a2c4e;
}

/* 黄色主题 */
.theme-yellow {
  --bg-color: #fffbe6;
  --text-color: #333333;
  --primary-color: #ffc107;
  --secondary-color: #ffffff;
  --primary-hover-color: #e0a800;
}

/* 紫色主题 */
.theme-purple {
  --bg-color: #f9f5ff;
  --text-color: #3c2a4d;
  --primary-color: #6f42c1;
  --secondary-color: #ffffff;
  --primary-hover-color: #5a32a3;
}

/* 绿色主题 */
.theme-green {
  --bg-color: #ebfff1;
  --text-color: #2e5e3c;
  --primary-color: #28a745;
  --secondary-color: #ffffff;
  --primary-hover-color: #218838;
}

/* 通用应用 */
body,
.app-container {
  background-color: var(--bg-color);
  color: var(--text-color);
}

/* 所有按钮用主色 */
button,
.add-folder,
.sort-btn,
#logoutBtn,
.add-note-btn,
.encrypt-toggle-btn,
.mode-toggle-btn,
.password-confirm-btn,
.encrypt-confirm-btn,
.export-btn {
  background-color: var(--primary-color);
  color: #fff; /* 始终白字 */
}

.add-folder:hover,
.sort-btn:hover,
.add-note-btn:hover,
.encrypt-toggle-btn:hover,
.mode-toggle-btn:hover,
.export-btn:hover {
  background-color: var(--primary-hover-color);
}

.focused,
.folder-item:hover,
.note-item:hover {
  background-color: var(--third-color);
}

.note-count,
.note-dates,
.edit-mode-toggle {
  color: var(--text-color);
}

/* 文件夹/笔记项：hover 效果 */

.drag-over {
  background-color: var(--primary-color) !important;
}

.sidebar,
.note-list-section,
.note-details-section {
  background-color: var(--secondary-color);
  color: var(--text-color);
}