@import "tailwindcss";

:root {
  /* 全局浅色主题变量 - 干净清爽 */
  --bg-app: #f8fafc;        /* 页面底色 */
  --bg-surface: #ffffff;    /* 卡片/侧边栏底色 */
  --bg-subtle: #f1f5f9;     /* 输入框/微浅底色 */
  --border-color: #e2e8f0;  /* 边框色 */
  --text-main: #0f172a;     /* 主标题/正文字色 */
  --text-muted: #64748b;    /* 辅助文字色 */
  --primary: #059669;       /* 品牌翡翠绿 */
}

.dark {
  /* 备用暗色主题变量 */
  --bg-app: #090a0f;
  --bg-surface: #13151c;
  --bg-subtle: #1c1f2b;
  --border-color: #272c3d;
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --primary: #10b981;
}

body {
  background-color: var(--bg-app);
  color: var(--text-main);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100vh;
}

/* 统一控制所有卡片、边框、输入框 */
.theme-surface {
  background-color: var(--bg-surface);
  border-color: var(--border-color);
  color: var(--text-main);
}
.theme-subtle {
  background-color: var(--bg-subtle);
  border-color: var(--border-color);
  color: var(--text-main);
}
.theme-border {
  border-color: var(--border-color);
}
.theme-text-muted {
  color: var(--text-muted);
}