@import 'tailwindcss';

:root {
  --background: #f9fafb;
  --foreground: #111827;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family:
    system-ui,
    -apple-system,
    'PingFang SC',
    'Hiragino Sans GB',
    'Microsoft YaHei',
    sans-serif;
}

/* Scrollbar - Dark theme */
* {
  scrollbar-width: thin;
  scrollbar-color: #475569 #1e293b;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: #1e293b;
}

*::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 4px;
}

*::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

*::-webkit-scrollbar-corner {
  background: #1e293b;
}