/* askintell-design-tokens-v1.css — fix1012all_B 三端统一 token 落地 (CSS 变量) */
/* 来源: fix1012all_research / #3491 主报告 DESIGN_TOKENS.md v1.0 */
/* 与 #3491 §1-12 §13 字节级对齐 — 0 删代码, 旧 askintell-design-tokens.css v1 保留 (--ai-* 命名空间) */
/* 与 #3491 §10 三端默认值: 三端 default_theme=light, primary=#c9486a */

:root {
  /* === §1 品牌色阶 === */
  --brand-50:  #fdf2f5;
  --brand-100: #fbe5ec;
  --brand-200: #f6cbd8;
  --brand-300: #efa3b9;
  --brand-400: #e47697;
  --brand-500: #c9486a; /* 品牌主色 (#3491) — 与 web theme-color / mp @navBgColor / app tailwind brand.500 一致 */
  --brand-600: #b53d5e;
  --brand-700: #9a3454;
  --brand-800: #7e2a44;
  --brand-900: #5a1f31;
  --gradient-brand: linear-gradient(135deg, #d95c78 0%, #c9486a 50%, #8f3351 100%);

  /* === §2 中性色阶 === */
  --neutral-0:   #ffffff;
  --neutral-50:  #fafafa;
  --neutral-100: #f4f4f5;
  --neutral-200: #e5e5e5;
  --neutral-300: #d4d4d8;
  --neutral-400: #a1a1aa;
  --neutral-500: #71717a;
  --neutral-600: #5d5d5d;
  --neutral-700: #3f3f46;
  --neutral-800: #27272a;
  --neutral-900: #18181b; /* 主文本 (浅色主题) */
  --neutral-950: #0d0d0d; /* ChatGPT Clone primary text — 用户气泡 */

  /* === §3 语义色 === */
  --success-500: #10b981;
  --warning-500: #f59e0b;
  --danger-500:  #ef4444;
  --info-500:    #3b82f6;

  /* === §4 间距 === */
  --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;

  /* === §5 圆角 === */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   22px; /* 用户气泡 (ChatGPT Clone = 22px) */
  --radius-2xl:  28px; /* 输入框 / Composer (ChatGPT Clone = 28px) */
  --radius-full: 9999px;

  /* === §6 阴影 === */
  --shadow-xs:    0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm:    0 2px 4px rgba(0,0,0,0.06);
  --shadow-md:    0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg:    0 8px 24px rgba(0,0,0,0.12);
  --shadow-xl:    0 16px 48px rgba(0,0,0,0.16);
  --shadow-brand: 0 4px 16px rgba(201,72,106,0.24);

  /* === §7 字号 === */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   16px;
  --text-lg:   18px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  30px;
  --text-4xl:  36px;

  /* === §8 动画 === */
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --ease-standard:   cubic-bezier(0.4, 0, 0.2, 1);
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --ease-accelerate: cubic-bezier(0.4, 0, 1, 1);

  /* === §9 布局 === */
  --container-max: 720px;
  --composer-max:  720px;
  --gutter-mobile: 16px;
  --gutter-tablet: 24px;
  --header-height: 56px;
  --tabbar-height: 56px;

  /* === §11 Z-Index === */
  --z-base:     0;
  --z-dropdown: 1000;
  --z-sticky:   1100;
  --z-overlay:  1200;
  --z-modal:    1300;
  --z-toast:    1400;
  --z-tooltip:  1500;
}