@import 'tailwindcss';
@config '../tailwind.config.js';
@custom-variant dark (&:where(.dark, .dark *));

/* Light mode defaults */
body {
  background-color: #f8fafc; /* slate-50 */
  color: #0f172a; /* slate-900 */
}

/* Dark mode overrides */
.dark body {
  background-color: #0f172a; /* slate-950 */
  color: white;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9; /* slate-100 */
}
.dark ::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #94a3b8; /* slate-400 */
  border-radius: 4px;
}
.dark ::-webkit-scrollbar-thumb {
  background: #334155;
}
::-webkit-scrollbar-thumb:hover {
  background: #06b6d4; /* cyan-500 */
}
