/* =============================================================================
   安澜心理 ANLANCE — 咨询师端工作台原型 · Design Tokens
   来源：docs/design-tokens.css + docs/design-tokens.json（唯一源）
   说明：本文件为「原型共享契约」，变量名与团队约定一字不差，不要修改。
   P0：禁 emoji 图标 / 禁紫粉渐变 / 禁硬编码色（一律走变量）/ 禁弹跳缓动。
   ============================================================================= */

:root {
  /* ---- 品牌 ---- */
  --anlan-blue: #1a3a6b;        /* 品牌主色（深蓝）· blue-400，仅限小面积 */
  --anlan-blue-600: #24508f;    /* 主色浅一档（hover / 图表） */
  --anlan-blue-100: #e8f0ff;    /* 浅蓝面（表头 / 头像底）· blue-100 对齐设计指导 */
  --anlan-blue-50: #f0f5ff;     /* 更浅蓝底（页面浅底 / note）· blue-50 对齐设计指导 */
  --anlan-blue-800: #1b2d4a;    /* 深色区（侧栏底）· blue-800 降饱和 64% */
  --anlan-blue-900: #0d1f3c;    /* 深色文字 / 最深底 · blue-900 */
  --anlan-gold: #d4b483;        /* 沙金：仅深蓝底与选中描边点缀，不作白底正文 */
  --gold-light: #f0c040;        /* 浅金：徽章/证书等品牌资产位 */

  /* ---- 辅色 暖砂（v0.2 新增，与「安澜心理APP设计指导」对齐）---- */
  --amber-50: #FAEEDA;
  --amber-400: #BA7517;
  --amber-600: #854F0B;
  --amber-800: #633806;
  --amber-900: #412402;

  /* ---- 文本 ---- */
  --ink-900: #1b1f27;           /* 主文本 */
  --ink-700: #3d4654;           /* 次级文本 */
  --ink-500: #6b7482;           /* 三级文本 / 元信息（≥4.5:1） */
  --ink-300: #9aa3b0;           /* 仅装饰 / 分隔性文字，不作正文 */

  /* ---- 表面与边框 ---- */
  --line: #e2e7ef;              /* 默认边框 */
  --line-soft: #eef1f6;         /* 内部分隔线 */
  --surface: #ffffff;           /* 卡片 / 容器 */
  --surface-2: #f7f9fc;         /* 次级表面（分组底 / 只读区） */
  --bg: #FAFAF6;                /* 页面背景（暖白，非纯白，对齐设计指导） */

  /* ---- 语义色 ---- */
  --ok: #2f7a5a;                /* 正常 / 已确认 */
  --warn: #b7791f;              /* 提醒 / 中风险（仅作图标与描边） */
  --risk: #b3261e;              /* 高风险 / 破坏性操作 */

  /* ---- 圆角 / 阴影 / 字体 ---- */
  --radius: 10px;
  --radius-lg: 14px;
  --shadow-sm: 0 1px 2px rgba(27, 31, 39, .06);

  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;

  /* ---- 补充：间距（4px 网格） ---- */
  --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;

  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-md: 18px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 30px;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 500;   /* 设计指导硬纪律：字重只用 400/500，禁 600+ */

  --sidebar-w: 240px;
  --topbar-h: 60px;
  --tap-min: 44px;

  --shadow-md: 0 4px 12px rgba(27, 31, 39, .08);
  --shadow-focus: 0 0 0 3px rgba(26, 58, 107, .28);

  --motion-fast: 120ms;
  --motion-base: 200ms;
  --ease-standard: cubic-bezier(.2, 0, 0, 1);
  --ease-out: cubic-bezier(.4, 0, .2, 1);

  /* 语义色的浅底与深字（保证徽标文字对比度 ≥4.5:1） */
  --ok-bg: #edf6f1;
  --warn-bg: #fdf3e0;
  --warn-ink: #8a5a12;
  --risk-bg: #fbecea;
  --pending-bg: #e8eff9;
  --neutral-bg: #f1f3f7;

  --anlan-blue-rgb: 26, 58, 107;
}
