/* 公共样式和暗色主题 */

/* 暗色主题变量 */
:root {
  --bg-primary: #111827; /* bg-gray-900 */
  --bg-secondary: #1f2937; /* bg-gray-800 */
  --bg-tertiary: #374151; /* bg-gray-700 */
  --text-primary: #f9fafb; /* text-gray-50 */
  --text-secondary: #d1d5db; /* text-gray-300 */
  --text-tertiary: #9ca3af; /* text-gray-400 */
  --border-color: #4b5563; /* border-gray-600 - 更浅的边框色 */
  --card-bg: #1f2937; /* bg-gray-800 */
  --hover-bg: #374151; /* bg-gray-700 */
  --accent-color: #60a5fa; /* blue-400 */
  --accent-color-2: #3b82f6; /* blue-500 */
  --success-color: #68d391; /* green-400 */
  --warning-color: #f6ad55; /* yellow-400 */
  --danger-color: #fc8181; /* red-400 */
  --sidebar-bg: #111827; /* bg-gray-900 */
  --nav-bg: #111827; /* bg-gray-900 */
}

/* 基础样式和字体平滑 */
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
}

.text-white {
  color: var(--text-primary) !important;
}

.shadow-sm {
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.5),
    0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

.shadow-md {
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.5),
    0 2px 4px -1px rgba(0, 0, 0, 0.4);
}

.shadow-lg {
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.5),
    0 4px 6px -2px rgba(0, 0, 0, 0.4);
}

.hover\:bg-blue-50:hover {
  background-color: var(--hover-bg) !important;
}

.bg-blue-600 {
  background-color: var(--accent-color-2) !important;
}

.hover\:bg-blue-700:hover {
  background-color: var(--accent-color) !important;
}

.bg-opacity-50 {
  background-color: rgba(74, 85, 104, 0.5) !important;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-tertiary);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: var(--hover-bg);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #4a5568;
}