/* ============================================================
   AI+CRM 2.0 设计 Token —— 浅色 B 端版
   参考 DESIGN.md (RainbowKit) 的设计语言：
   - 间距 / 圆角 / 阴影 / 字体层级体系沿用
   - Signal Blue #0e76fd 作品牌主色
   - Aurora 渐变 #3898ff→#7a70ff 作品牌点睛（logo / 主 CTA）
   - pill 按钮(9999px) / 浮层卡片 / 单一品牌渐变
   转浅色：黑底→浅灰白底，白字→深字，适配白天办公 B 端场景
   ============================================================ */

:root {
  /* ---- 品牌色（参考截图：珊瑚红 #E26858，X-VILLA 主色）---- */
  --brand: #E26858;
  --brand-dark: #C8554A;
  --brand-light: #FBE9E5;
  --aurora-start: #E26858;
  --aurora-end: #D85A4B;
  --brand-gradient: linear-gradient(135deg, #E26858 0%, #D85A4B 100%);

  /* ---- 表面与背景（浅色 B 端）---- */
  --page-bg: #f4f6f9;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --surface-3: #eef1f5;
  --overlay: rgba(15, 23, 42, 0.45);

  /* ---- 文字 ---- */
  --text-primary: #1a1d21;
  --text-secondary: #5f656b;
  --text-tertiary: #9aa0a6;
  --text-on-brand: #ffffff;

  /* ---- 边框 ---- */
  --border: #e8ebef;
  --border-strong: #d4d9df;
  --border-brand: #b8d9ff;

  /* ---- 语义色 ---- */
  --success: #16a34a;
  --success-light: #dcfce7;
  --warning: #f59e0b;
  --warning-light: #fef3c7;
  --danger: #ef4444;
  --danger-light: #fee2e2;
  --info: #E26858;
  --info-light: #FBE9E5;

  /* ---- 多彩图标按钮色（参考截图） ---- */
  --icon-blue:   #0e76fd;  --icon-blue-light:   #e8f2ff;
  --icon-purple: #8b5cf6;  --icon-purple-light: #f3e8ff;
  --icon-green:  #16a34a;  --icon-green-light:  #dcfce7;
  --icon-orange: #f59e0b;  --icon-orange-light: #fef3c7;
  --icon-pink:   #ec4899;  --icon-pink-light:   #fce7f3;

  /* ---- 品牌渐变（顶部 header 用，截图：实色不用渐变；保留弱渐变以兼容旧代码） ---- */
  --brand-gradient-strong: linear-gradient(135deg, #E26858 0%, #D85A4B 100%);
  --brand-gradient-soft:    linear-gradient(135deg, #FBE9E5 0%, #FCE4DC 100%);

  /* ---- 节点 / 待办状态色 ---- */
  --state-todo: #9aa0a6;       /* 未开始 */
  --state-todo-bg: #f1f3f5;
  --state-doing: #E26858;      /* 进行中 */
  --state-doing-bg: #FBE9E5;
  --state-done: #16a34a;       /* 已完成 */
  --state-done-bg: #dcfce7;
  --state-overdue: #ef4444;    /* 已延期 / 已逾期 */
  --state-overdue-bg: #fee2e2;

  /* ---- 字体 ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Rounded",
    "PingFang SC", "Helvetica Neue", "Segoe UI", Roboto, "Microsoft YaHei",
    sans-serif;
  --font-mono: "SF Mono", ui-monospace, Menlo, Monaco, Consolas, monospace;

  /* ---- 字号层级（沿用 DESIGN.md Type Scale）---- */
  --text-caption: 11px;
  --text-body-sm: 13px;
  --text-body: 15px;
  --text-subheading: 17px;
  --text-heading-sm: 20px;
  --text-heading: 24px;
  --text-heading-lg: 32px;

  --leading-tight: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;

  /* ---- 字重 ---- */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---- 间距（沿用 DESIGN.md Spacing Scale）---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 28px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* ---- 圆角（pill 沿用 9999，card 收敛到 16 更克制 B 端）---- */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-pill: 9999px;

  /* ---- 阴影（浅色版柔和）---- */
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.03);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 8px 24px rgba(15, 23, 42, 0.1), 0 4px 8px rgba(15, 23, 42, 0.06);
  --shadow-xl: 0 16px 48px rgba(15, 23, 42, 0.16), 0 8px 16px rgba(15, 23, 42, 0.08);
  --shadow-float: 0 12px 32px rgba(15, 23, 42, 0.14);
  --ring-brand: 0 0 0 3px rgba(226, 104, 88, 0.18);

  /* ---- 布局 ---- */
  --app-width: 420px;          /* 手机尺寸容器，模拟企微小程序 */
  --app-height: 100vh;
  --app-max-height: 880px;
  --header-h: 48px;
  --tabbar-h: 0px;             /* 单页形态，无底部 tabbar */
}