/* === askintell-design-tokens.css v1.0 === */
/* 全站统一设计令牌 — 所有问智页面共享 */
/* 引入方式: <link rel="stylesheet" href="/assets/askintell-design-tokens.css?v=1"> */

:root {
  /* === 品牌色 === */
  --ai-primary: #6366F1;
  --ai-primary-light: #818CF8;
  --ai-primary-dark: #4F46E5;
  --ai-purple: #8b5cf6;
  --ai-green: #10b981;
  --ai-amber: #f59e0b;
  --ai-red: #EF4444;
  --ai-blue: #3B82F6;

  /* === 暗色主题（默认） === */
  --ai-bg: #0f0f1a;
  --ai-bg-secondary: #14141f;
  --ai-surface: #16162a;
  --ai-card: #1a1a2e;
  --ai-card-hover: #222238;
  --ai-border: #2a2a3e;
  --ai-border-light: #1e1e30;
  --ai-text: #eee;
  --ai-text-secondary: #8899aa;
  --ai-text-muted: #5a6478;
  --ai-accent: var(--ai-primary);
  --ai-accent-soft: rgba(99, 102, 241, 0.12);
  --ai-radius: 14px;
  --ai-radius-sm: 10px;
  --ai-radius-lg: 20px;
  --ai-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
  --ai-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
  --ai-input-bg: rgba(13, 17, 23, 0.98);

  /* === 导航栏 === */
  --ai-nav-height: 56px;
  --ai-nav-bg: rgba(8, 8, 12, 0.7);
  --ai-nav-border: rgba(255, 255, 255, 0.06);
  --ai-nav-blur: blur(20px);

  /* === 侧边栏 === */
  --ai-sidebar-width: 200px;
  --ai-sidebar-bg: var(--ai-bg-secondary);

  /* === 间距 === */
  --ai-gap-xs: 4px;
  --ai-gap-sm: 8px;
  --ai-gap-md: 16px;
  --ai-gap-lg: 24px;
  --ai-gap-xl: 32px;

  /* === 字体 === */
  --ai-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --ai-font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;
  --ai-font-size: 14px;
  --ai-font-size-sm: 12px;
  --ai-font-size-lg: 16px;
  --ai-font-size-xl: 20px;

  /* === 过渡 === */
  --ai-transition: all 0.2s ease;
  --ai-transition-slow: all 0.3s ease;
}

/* === 浅色主题 === */
[data-theme="light"] {
  --ai-bg: #FAFBFC;
  --ai-bg-secondary: #F1F3F8;
  --ai-surface: #F8FAFC;
  --ai-card: #FFFFFF;
  --ai-card-hover: #F8F9FB;
  --ai-border: #E2E6EF;
  --ai-border-light: #EDF0F5;
  --ai-text: #1A1D26;
  --ai-text-secondary: #5A6478;
  --ai-text-muted: #8899aa;
  --ai-accent-soft: rgba(99, 102, 241, 0.08);
  --ai-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  --ai-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.1);
  --ai-input-bg: rgba(250, 251, 252, 0.98);
  --ai-nav-bg: rgba(247, 247, 250, 0.85);
  --ai-nav-border: rgba(0, 0, 0, 0.06);
  --ai-sidebar-bg: var(--ai-bg-secondary);
}

/* === 向后兼容别名（让旧页面平滑迁移） === */
:root {
  --h-bg: var(--ai-bg);
  --h-card: var(--ai-card);
  --h-border: var(--ai-border);
  --h-text: var(--ai-text);
  --h-secondary: var(--ai-text-secondary);
  --h-accent: var(--ai-accent);
  --h-accent-soft: var(--ai-accent-soft);
  --h-radius: var(--ai-radius);
  --h-shadow: var(--ai-shadow);
  --h-input-bg: var(--ai-input-bg);
  --primary-500: var(--ai-primary);
  --primary-600: var(--ai-primary-dark);
  --primary: var(--ai-primary);
  --primary-dark: var(--ai-primary-dark);
  --purple: var(--ai-purple);
  --green: var(--ai-green);
  --amber: var(--ai-amber);
  --red: var(--ai-red);
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --border: var(--ai-border);
  --card-bg: var(--ai-card);
  --text-secondary: var(--ai-text-secondary);
  --muted: var(--ai-text-muted);
}

[data-theme="light"] {
  --h-bg: var(--ai-bg);
  --h-card: var(--ai-card);
  --h-border: var(--ai-border);
  --h-text: var(--ai-text);
  --h-secondary: var(--ai-text-secondary);
  --h-accent: var(--ai-accent);
  --h-accent-soft: var(--ai-accent-soft);
  --h-shadow: var(--ai-shadow);
  --h-input-bg: var(--ai-input-bg);
}

/* === Unified Quick Actions === */
.qa-container { display:flex; flex-direction:column; gap:2px; }
.qa-title { font-size:11px; font-weight:600; color:var(--h-secondary,#5A6478); margin-bottom:4px; padding:0 4px; }
.qa-link { display:flex; align-items:center; gap:8px; padding:6px 10px; border-radius:8px; font-size:12px; color:var(--h-text,#1A1D26); text-decoration:none; transition:background 0.15s; }
.qa-link:hover { background:var(--h-hover,rgba(99,102,241,0.08)); }
.qa-link .qa-icon { font-size:14px; width:20px; text-align:center; flex-shrink:0; }