/* ============================================
   AI Data Agent Platform — CSS 变量系统
   设计哲学："Less is More" — 大气、克制、精致
   参考: Apple / Aesop / Bottega Veneta
   ============================================ */

:root {
  /* === 缓动函数 === */
  --ease-standard: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* === 字体 === */
  --font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'PingFang SC', 'Noto Sans SC', sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;

  /* === 浅色模式 (默认) === */
  --color-primary: #1a1a2e;
  --color-accent: #c9a96e;
  --color-accent-hover: #b8944f;

  --bg-primary: #fafaf9;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f5f5f0;
  --bg-card: #ffffff;

  --text-primary: #1a1a1a;
  --text-secondary: #6b6b6b;
  --text-tertiary: #999999;

  --border-default: rgba(0, 0, 0, 0.06);
  --border-subtle: rgba(0, 0, 0, 0.04);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.1);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.06);

  --user-msg-bg: #1a1a2e;
  --user-msg-text: #ffffff;
  --ai-msg-bg: #ffffff;
  --ai-msg-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);

  --thinking-bg: rgba(201, 169, 110, 0.06);
  --thinking-border: #c9a96e;
  --tool-bg: rgba(26, 26, 46, 0.03);
  --tool-border: #1a1a2e;

  --input-bg: #f5f5f0;
  --input-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);

  --tag-bg: rgba(0, 0, 0, 0.04);
  --tag-text: #6b6b6b;

  --scrollbar-thumb: rgba(0, 0, 0, 0.15);
  --scrollbar-track: transparent;

  /* === 状态色 === */
  --status-online: #10b981;
  --status-offline: #9ca3af;
  --status-maintenance: #f59e0b;
  --status-error: #ef4444;

  /* === 导航栏 === */
  --nav-height: 64px;
  --nav-bg: rgba(250, 250, 249, 0.85);
  --nav-blur: blur(20px);

  /* === 侧栏 === */
  --sidebar-width: 260px;
  --sidebar-collapsed-width: 64px;

  /* === 圆角 === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* === 间距 === */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
}

/* === 深色模式 === */
[data-theme="dark"] {
  --color-primary: #e8e8e8;
  --color-accent: #d4b87a;
  --color-accent-hover: #e0c88e;

  --bg-primary: #0f0f13;
  --bg-secondary: #1a1a1f;
  --bg-tertiary: #222228;
  --bg-card: #1a1a1f;

  --text-primary: #e8e8e8;
  --text-secondary: #8b8b8b;
  --text-tertiary: #5a5a5a;

  --border-default: rgba(255, 255, 255, 0.06);
  --border-subtle: rgba(255, 255, 255, 0.04);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.4);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.3);

  --user-msg-bg: #2a2a3e;
  --user-msg-text: #e8e8e8;
  --ai-msg-bg: #1a1a1f;
  --ai-msg-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);

  --thinking-bg: rgba(212, 184, 122, 0.08);
  --thinking-border: #d4b87a;
  --tool-bg: rgba(232, 232, 232, 0.05);
  --tool-border: #e8e8e8;

  --input-bg: #222228;
  --input-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);

  --tag-bg: rgba(255, 255, 255, 0.06);
  --tag-text: #8b8b8b;

  --scrollbar-thumb: rgba(255, 255, 255, 0.15);
  --scrollbar-track: transparent;

  --nav-bg: rgba(15, 15, 19, 0.85);
}