/* ============================================================
   InsightAI · Design Tokens
   Source: DESIGN.md V1.1 (设计契约) §2 CSS Custom Properties
   Light = default, Dark overrides via [data-theme='dark']
   ============================================================ */

:root {
  /* === Brand === */
  --brand-deep:   #4A1977;
  --brand-violet: #7C3AED;
  --brand-blue:   #3B82F6;
  --brand-lime:   #22C55E;

  /* === Neutral === */
  --ink:          #141026;
  --paper:        #F8F6FF;
  --white:        #FFFFFF;
  --n-50:         #F8F6FF;
  --n-100:        #EEEBF7;
  --n-200:        #DDD8EE;
  --n-300:        #C4BCDF;
  --n-400:        #9D95B8;
  --n-500:        #6B6680;
  --n-600:        #4A455E;
  --n-700:        #2D2940;
  --n-800:        #1A1626;
  --n-900:        #141026;

  /* === Semantic === */
  --success:      #22C55E;
  --warning:      #F59E0B;
  --danger:       #EF4444;
  --info:         #3B82F6;

  /* === Typography === */
  --font-display: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-body:    'Inter', -apple-system, system-ui, sans-serif;
  --font-cn:      'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  /* === Spacing (8pt grid) === */
  --space-1:  4px;   --space-2:  8px;   --space-3:  12px;
  --space-4:  16px;  --space-5:  20px;  --space-6:  24px;
  --space-8:  32px;  --space-10: 40px;  --space-12: 48px;
  --space-16: 64px;  --space-20: 80px;

  /* === Radius === */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --radius-xl:   20px;
  --radius-full: 9999px;

  /* === Shadow (Elevation) === */
  --shadow-sm: 0 2px 8px rgba(20, 16, 38, 0.05);
  --shadow-md: 0 4px 12px rgba(20, 16, 38, 0.08), 0 2px 4px rgba(20, 16, 38, 0.04);
  --shadow-lg: 0 12px 32px rgba(20, 16, 38, 0.12), 0 4px 8px rgba(20, 16, 38, 0.06);

  /* === Subsystem (Agent OS) === 顺序对齐 Logo：紫→蓝→绿 */
  --gateway:   #7C3AED;  /* 灵智紫 · 入口（顶层，对齐 Logo 顶） */
  --memory:    #3B82F6;  /* 电光蓝 · 沉淀（中层，对齐 Logo 中） */
  --knowledge: #22C55E;  /* 鲜柠绿 · 增强（底层，对齐 Logo 底） */

  /* === Layout === */
  --container: 1280px;
  --nav-h: 68px;
}

/* === Dark Mode === */
[data-theme='dark'] {
  --paper:        #0A0612;
  --white:        #1A0F2E;
  --ink:          #E8E5F5;
  --n-50:         #0A0612;
  --n-100:        #1A0F2E;
  --n-200:        #2D1B4E;
  --n-300:        #3D2D5E;
  --n-400:        #5A4A7E;
  --n-500:        #7E6FA0;
  --n-600:        #9D95B0;
  --n-700:        #BDB6D0;
  --n-800:        #D8D4E5;
  --n-900:        #E8E5F5;

  --brand-deep:   #A78BFA;
  --brand-violet: #A78BFA;
  --brand-blue:   #60A5FA;
  --brand-lime:   #4ADE80;

  --success:      #4ADE80;
  --warning:      #FBBF24;
  --danger:       #F87171;
  --info:         #60A5FA;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.30);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.40);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.50);
}