@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}

.dark {
  --background: #0a0a0a;
  --foreground: #ededed;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

/* 确保暗色模式下的背景色 */
.dark body {
  background-color: #0a0a0a;
  color: #ededed;
}

/* 暗色模式下的组件样式 */
.dark .bg-white {
  background-color: #1f1f1f;
}

.dark .bg-gray-50 {
  background-color: #2a2a2a;
}

.dark .bg-gray-100 {
  background-color: #3a3a3a;
}

.dark .border-gray-200 {
  border-color: #404040;
}

.dark .border-gray-300 {
  border-color: #505050;
}

.dark .text-gray-900 {
  color: #f3f4f6;
}

.dark .text-gray-600 {
  color: #d1d5db;
}

.dark .text-gray-500 {
  color: #9ca3af;
}

.dark .text-gray-400 {
  color: #9ca3af;
}

.dark .text-gray-300 {
  color: #d1d5db;
}

.dark .text-gray-200 {
  color: #e5e7eb;
}

.dark .text-gray-100 {
  color: #f3f4f6;
}

.dark .text-gray-50 {
  color: #f9fafb;
}