@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 - Light theme (default) */
* {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f1f5f9;
}

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

*::-webkit-scrollbar-track {
  background: #f1f5f9;
}

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

*::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

*::-webkit-scrollbar-corner {
  background: #f1f5f9;
}

/* Scrollbar - Dark theme */
[data-theme='dark'],
[data-theme='dark'] * {
  scrollbar-color: #475569 #1e293b;
}

[data-theme='dark'] *::-webkit-scrollbar-track {
  background: #1e293b;
}

[data-theme='dark'] *::-webkit-scrollbar-thumb {
  background: #475569;
}

[data-theme='dark'] *::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

[data-theme='dark'] *::-webkit-scrollbar-corner {
  background: #1e293b;
}
