/* 由 scripts/tokens-sync.mjs 生成，请勿手改。
   改 packages/shared/tokens/design-tokens.json，然后跑 npm run tokens:sync。*/

:root {
  /* 品牌色 —— brand 只做背景/描边/图标，brand-dark 才是能做文字的那个；on-dark 是压在 brand / ink 实底上的字色 */
  --brand: #ff7a1a;
  --brand-dark: #c9540a;
  --brand-light: #fff2e2;
  --on-dark: #ffffff;

  /* 强调色 —— 租/买、买/卖这类同级二选一里，用它承担第二个选项 */
  --accent: #b5751a;
  --accent-dark: #8c5810;
  --accent-light: #fdf3e3;

  /* 微信服务色 —— 只用于原生微信客服、视频连线等微信服务入口 */
  --wechat: #07c160;
  --wechat-dark: #005c2c;
  --wechat-light: #e8f8ef;
  --wechat-surface: #f3fbf6;

  /* 文字色 */
  --ink: #241a12;
  --ink-2: #6f6154;
  --ink-3: #a99a8b;

  /* 结构色 */
  --line: #f0e7db;
  --line-strong: #e6d9c8;
  --bg: #fffaf3;
  --home-bg: #fefbf8;
  --card: #ffffff;
  --surface-2: #fdf5ea;

  /* 语义色 —— 整体调暖，但保持各自色相以维持辨识度 */
  --ok: #1f7a4d;
  --ok-bg: #e9f4ee;
  --warn: #b5761b;
  --warn-bg: #fdf3e3;
  --info: #2f5fa8;
  --info-bg: #ecf1f9;
  --bad: #c0392b;
  --bad-bg: #fcecea;

  /* 字号 —— AGENTS.md 规定一屏最多三级，即 text-title / text-xl / text-base。text-input 是硬底线：iOS 上输入框字号只要小于 16px，聚焦时整页就会自动放大（倍数 = 16 ÷ 字号），所有可聚焦控件必须用它 */
  --text-xs: 10px;
  --text-sm: 11px;
  --text-base: 12px;
  --text-md: 13px;
  --text-lg: 14px;
  --text-xl: 15px;
  --text-title: 26px;
  --text-input: 16px;

  /* 间距刻度 —— 全站只用这 8 档，不要手写零散数值 */
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* 字重 —— 只有这三档，不要再出现 750 / 850 / 900 */
  --weight-body: 400;
  --weight-label: 500;
  --weight-title: 600;

  /* 圆角 */
  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --radius: 12px;
  --control-radius: 12px;
  --card-radius: 16px;

  /* 控件高度（--control-standard 44px = 88rpx，即 AGENTS.md 的最小可点面积；不要再加比它矮的档） */
  --control-primary: 52px;
  --control-standard: 44px;

  /* 网页专用：渐变、投影、焦点环、内容宽度 */
  --brand-gradient: var(--brand);
  --hero-gradient: var(--brand-light);
  --hero-shadow: none;
  --hero-eyebrow: var(--brand-dark);
  --shadow-1: 0 1px 2px rgba(42, 33, 25, .05);
  --shadow-2: 0 4px 14px rgba(42, 33, 25, .08);
  --focus-ring: 0 0 0 3px rgba(194, 96, 60, .25);
  --consumer-shell-width: 920px;
  --consumer-content-width: 820px;

  /* 网页中介目录标记与固定列 */
  --agent-wechat-badge-bg: #e4f6eb;
  --agent-wechat-badge-ink: #177a44;
  --shadow-sticky-column: 1px 0 0 var(--line);
}