/*
  设计变量（Design Tokens）
  来源：Figma 文件「交互」→「AI Agent」页（node-id 4708:11743）
  fileKey: VXCroM07ko9RkIKEMf1etZ

  本轮（高保真还原第一步）已通过 Figma Plugin API 全量遍历该页 2553 个节点，
  统计出真实在用的填充色、描边色、圆角、字体、阴影，逐条替换掉了之前的目测值。
  标注含义：
    [FIGMA-精确]  = 从设计稿节点属性直接读出的真实值，可直接信任
    [FIGMA-推导]  = 设计稿里有该值，但语义（用在什么场景）由实现侧归纳，需要视觉走查确认
*/

:root {
  /* ===== 文字颜色 [FIGMA-精确] ===== */
  --color-text-title: #1D2129;      /* 正文标题/强调，全页最高频 */
  --color-text-secondary: #4F5A69;  /* 次要正文 */
  --color-text-muted: #87909C;      /* 次要信息 */
  --color-text-disabled: #C9CDD4;   /* 置灰信息 */
  --color-text-inverse: #FFFFFF;

  /* ===== 品牌色 [FIGMA-精确] ===== */
  --color-brand: #F75940;           /* 设计稿真实品牌橙红（原目测值 #FF6A3D 有偏差） */
  --color-brand-strong: #F74902;   /* 渐变起点/按压态 [FIGMA-精确] */
  --color-brand-bg: #FFF6F5;        /* 品牌色浅底 */
  --color-brand-bg-alt: #FFF0ED;
  --gradient-brand: linear-gradient(135deg, #F74902 0%, #9CB1CF 100%);
  --gradient-warm: linear-gradient(135deg, #FB2108 0%, #FBD646 100%);
  --gradient-pink: linear-gradient(135deg, #F9529C 0%, #F453A0 100%);

  /* ===== 主色蓝 [FIGMA-精确] ===== */
  --color-accent-blue: #5079F2;              /* FC/主要颜色 */
  --color-accent-blue-50: rgba(80,121,242,.5);/* 设计稿高频的50%透明态（97处） */
  --color-accent-blue-bg: #F4F9FE;

  /* ===== 辅助紫 [FIGMA-精确] 之前完全缺失 ===== */
  --color-purple: #8A38F5;
  --color-purple-bg: #EDE9FD;
  --color-purple-bg-soft: #F7F6FE;
  --color-brand-bg-soft: #FEF7F6;   /* [FIGMA-精确] 经历库「实习经历」标题条 */

  /* ===== 中性色 / 背景 [FIGMA-精确] ===== */
  --color-bg-page: #F9F9F9;
  --color-bg-panel: #FFFFFF;
  --color-bg-subtle: #F7F8FA;   /* 设计稿真实浅底（原目测值 #F2F3F5 在稿中不存在） */
  --color-bg-soft: #FCFCFC;
  --color-border: #F0F0F0;      /* 设计稿真实分割线/描边（原目测值 #E5E6EB 在稿中不存在） */
  --color-border-strong: #E8E8E8;
  --color-placeholder: #D9D9D9; /* 设计稿自身占位灰块也用这个色 */
  --gradient-placeholder: radial-gradient(circle at 30% 30%, #D9D9D9 0%, #A1A1A1 60%, #737373 100%);

  /* ===== 状态色 [FIGMA-精确] 三个全部与原目测值不同 ===== */
  --color-success: #30D158;     /* 原目测 #00B42A */
  --color-success-bg: #D6F8E6;
  --color-success-bg-soft: #EEFCF5;
  --color-warning: #FBD445;     /* 原目测 #FF7D00，设计稿其实是黄色不是橙色 */
  --color-warning-bg: #FCF4CA;
  --color-warning-bg-soft: #FDF9E3;
  --color-danger: #F75940;      /* 设计稿直接复用品牌色，原目测 #F53F3F */
  --color-danger-bg: #FFF6F5;

  /* ===== 圆角 [FIGMA-精确] 真实在用刻度 4/6/8/12/16/24 ===== */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;   /* 原目测的 10px 在设计稿中不存在 */
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-pill: 999px;

  /* ===== 间距 [FIGMA-推导] ===== */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;

  /* 对话流里气泡和卡片共用的宽度基准：卡片固定这么宽，气泡最多这么宽（第26轮改为 515px 定值） */
  --chat-block-max: 515px;
  --space-6: 32px;

  /* ===== 字体 [FIGMA-精确] ===== */
  --font-family: "Alibaba PuHuiTi 2.0", -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 24px;
  --font-size-2xl: 28px;
  /* 字重档位对应普惠体 55/65/75/85 */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.34;   /* 18px/24px、16px/21.4px 这一档 */
  --line-height-normal: 1.5;
  --line-height-loose: 1.75;   /* 16px/28px */

  /* ===== 阴影 [FIGMA-精确] 与原目测值差异最大 ===== */
  --shadow-card: 0 20px 54px rgba(0, 0, 0, 0.07);   /* 原目测 0 2px 8px rgba(0,0,0,.06) */
  --shadow-panel: 0 30px 82px rgba(0, 0, 0, 0.07);
  --shadow-drawer: -6px 0 14px rgba(0, 0, 0, 0.15); /* 右侧抽屉/侧滑面板 */
  --shadow-pop: 0 4px 16px rgba(0, 0, 0, 0.27);     /* 弹出层/浮动按钮 */

  /* ===== 布局尺寸 =====
     [FIGMA-精确] 侧栏有两种形态，都在设计稿里：展开态见 frame「首页」（244px，图标+文字），
     收起态见 Desktop-11（70px 纯图标，分割线在 x=69，顶栏宽 1370 = 1440-70）。
     用户反馈第15轮确认：默认展开，点 ph:arrow-line-left-bold 收起，再点展开。 */
  --sidebar-width: 244px;   /* [FIGMA-精确] 设计稿frame「首页」展开态侧栏宽度 */
  --sidebar-width-figma: 70px;  /* 收起态（Desktop-11） */
  --topbar-height: 68px;   /* [FIGMA-精确] 原 64px */
}