@import "tailwindcss";

:root {
  --bg: #ffffff;
  --bg-secondary: #f8fafc;
  --text: #1e293b;
  --text-secondary: #64748b;
  --border: #e2e8f0;
  --primary: #3b82f6;
  --primary-hover: #2563eb;
}

.dark {
  --bg: #0f172a;
  --bg-secondary: #1e293b;
  --text: #e2e8f0;
  --text-secondary: #94a3b8;
  --border: #334155;
  --primary: #60a5fa;
  --primary-hover: #3b82f6;
}

body {
  background-color: var(--bg);
  color: var(--text);
}

/* Markdown 内容样式 */
.prose-content h1 { font-size: 1.875rem; font-weight: 700; margin: 1rem 0; }
.prose-content h2 { font-size: 1.5rem; font-weight: 700; margin: 1rem 0; }
.prose-content h3 { font-size: 1.25rem; font-weight: 600; margin: 0.75rem 0; }
.prose-content p { margin: 0.75rem 0; line-height: 1.7; }
.prose-content ul { list-style: disc; padding-left: 1.5rem; margin: 0.75rem 0; }
.prose-content ol { list-style: decimal; padding-left: 1.5rem; margin: 0.75rem 0; }
.prose-content code { background: var(--bg-secondary); padding: 0.125rem 0.375rem; border-radius: 0.25rem; font-size: 0.875rem; }
.prose-content pre { background: var(--bg-secondary); padding: 1rem; border-radius: 0.5rem; overflow-x: auto; margin: 1rem 0; }
.prose-content pre code { background: none; padding: 0; }
.prose-content blockquote { border-left: 4px solid var(--border); padding-left: 1rem; color: var(--text-secondary); margin: 1rem 0; }
.prose-content a { color: var(--primary); text-decoration: underline; }
.prose-content img { max-width: 100%; border-radius: 0.5rem; }