/* =========================================================================
 * tokens.css — 同城家政「Design Tokens」CSS 映射
 * 权威来源：docs/design-spec.md（设计系统）+ docs/recruit-design-notes.md（Design Tokens 变量集）
 * 本文件 100% 复用既定设计语言，不引入任何新色值 / 间距 / 圆角体系。
 * 命名与画布「Design Tokens」变量一一对应。
 * ========================================================================= */

:root {
  /* ---------- 色彩系统（12 色，含状态 4 色） ---------- */
  /* 品牌橙 */
  --c-primary: #FF7A3D;          /* 主橙：主按钮 / 主强调 / CTA */
  --c-primary-press: #F2662A;    /* 橙·按下：hover / active */
  --c-primary-soft: #FFF1E9;     /* 橙·浅底：图标底 / 选中态 */

  /* 辅助绿 */
  --c-accent: #22A06B;           /* 辅助绿：认证标签 / 成功状态 */
  --c-accent-soft: #E6F6EE;      /* 绿·浅底：认证徽章底 */

  /* 底色 */
  --c-bg: #FFF9F5;               /* 页面暖白底 */
  --c-surface: #FFFFFF;          /* 卡片 / 区块面 */

  /* 描边 */
  --c-line: #F0E9E3;             /* 分隔线 / 卡片边框 / 输入描边 */

  /* 文字（三级） */
  --c-text: #20140E;             /* 标题文字 */
  --c-text-2: #6B5E55;           /* 次要文字 / 正文 */
  --c-text-3: #9A8E84;           /* 辅助文字 / 占位 / 脚注 */

  /* 警示 */
  --c-warn: #E8A33D;             /* 驳回 / 提示 */

  /* 页脚（深棕底 + 暖白字，均为令牌值） */
  --c-footer-bg: #20140E;
  --c-footer-text: #FFF9F5;

  /* 状态标签 4 色（与 recruit-spec §5 / design-notes §二 严格一致） */
  --st-pending: #9A8E84;         /* 待审核（灰） */
  --st-reviewing: #FF7A3D;       /* 审核中（橙） */
  --st-approved: #22A06B;        /* 通过（绿） */
  --st-rejected: #E8A33D;        /* 驳回（警示橙黄，不引入红色） */

  /* ---------- 圆角（形状语言） ---------- */
  --r-card: 16px;                /* 卡片 */
  --r-pill: 999px;               /* 主按钮胶囊 */
  --r-btn: 12px;                 /* 次按钮 / 输入框 */
  --r-input: 12px;               /* 输入框 */
  --r-img: 12px;                 /* 图片 */

  /* ---------- 阴影 ---------- */
  --sh-card: 0 6px 24px rgba(40, 20, 10, .06);          /* 卡片基础软阴影 */
  --sh-card-hover: 0 10px 30px rgba(40, 20, 10, .10);    /* hover 微抬升 */

  /* ---------- 间距（8px 基准阶梯） ---------- */
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-64: 64px;

  /* ---------- 栅格与容器 ---------- */
  --container: 1200px;           /* 容器最大宽 */
  --gutter: 24px;                /* 桌面安全边距；移动端由媒体查询降为 16px */

  /* ---------- 字体 ---------- */
  --font-zh: "PingFang SC", "Noto Sans SC", sans-serif;       /* 中文 */
  --font-en: Inter, sans-serif;                               /* 西文 / 数字 */
  --font-base: var(--font-zh);

  /* 字号阶梯 */
  --fs-h1: 40px;
  --fs-h2: 28px;
  --fs-h3: 20px;
  --fs-body: 15px;
  --fs-caption: 13px;

  /* 字重 */
  --w-regular: 400;
  --w-medium: 500;
  --w-bold: 700;
}