/* =============================================================
   邻李康养 LinliCare · 设计令牌 tokens.css
   来源：DESIGN.md §3.11 Agent Prompt Guide（v1）
   设计系统基底：Airbnb DLS（偏移为暖橙+暖绿主色 / 米白底 / 海尔蓝仅背书）
   零外链字体：中文系统字体栈
   ============================================================= */

:root{
  /* ---------- 品牌主色（暖橙 / 暖绿 二元） ---------- */
  --color-primary:#E26A1E;          /* 暖橙：主 CTA、强调、品牌温度、图标 */
  --color-primary-hover:#C75B22;    /* 暖橙 hover / pressed */
  --color-primary-strong:#BF5320;   /* 暖橙深版：橙字正文（白底 AA 4.70:1） */
  --color-primary-soft:#FBEDE2;     /* 暖橙浅底：选中、强调 chip、hover 底 */
  --color-primary-contrast:#FFFFFF; /* 橙底文字 */

  --color-secondary:#3E9B63;        /* 暖绿：次主色、区块区分、确认态、健康信号 */
  --color-secondary-strong:#2F7A4B; /* 暖绿深版：绿按钮白字(5.25:1) / 绿字正文 AA */
  --color-secondary-soft:#E9F4EC;   /* 暖绿浅底：确认/成功背景、区块底 */
  --color-secondary-contrast:#FFFFFF;

  /* ---------- 点缀：海尔蓝（仅加盟背书语境，严禁进主色系统） ---------- */
  --color-haier:#0090D4;            /* 海尔蓝品牌标（仅背书） */
  --color-haier-strong:#0072C6;     /* 背书小字/链接（白底 4.97:1 AA） */
  --color-haier-soft:#EAF4FB;       /* 背书徽章浅蓝底 */

  /* ---------- 中性 / 背景 / 文字 ---------- */
  --color-bg:#FAF7F2;               /* 页面背景（米白） */
  --color-surface:#FFFFFF;          /* 卡片/浮层背景 */
  --color-surface-alt:#F3ECE2;      /* 暖色区块底（交替分区） */
  --color-surface-soft:#F7F1E9;     /* 柔和暖底（次级块） */
  --color-border:#E7DFD2;           /* 暖色描边/分隔 */
  --color-border-strong:#D8CDBB;    /* 输入框/强调描边 */
  --color-text-primary:#2B2B2B;     /* 正文/标题（13.3:1 AAA） */
  --color-text-secondary:#666058;   /* 次要文字/说明/页脚小字（5.82:1） */
  --color-text-tertiary:#8A8178;    /* 极次要元信息（仅大字号/装饰 3.58:1） */

  /* ---------- 语义色 ---------- */
  --color-success:#2F7A4B;          /* 成功/确认（复用 secondary-strong） */
  --color-success-soft:#E9F4EC;     /* 成功背景 */
  --color-warning:#B7791F;          /* 警示（深琥珀，作文字） */
  --color-warning-soft:#FBF1DA;     /* 警示背景 */
  --color-warning-text:#6B4E12;     /* 警示文字（浅底 AA） */
  --color-danger:#C0392B;           /* 错误/危险（暖红，白字 5.43:1） */
  --color-danger-soft:#FBEAE7;      /* 错误背景 */

  /* ---------- 字体栈（中文优先 · 系统字体 · 零外链） ---------- */
  --font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Microsoft YaHei UI","Hiragino Sans GB","Source Han Sans SC","Noto Sans CJK SC","WenQuanYi Micro Hei","Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  /* ---------- 字号阶梯（移动优先，桌面 clamp 平滑放大） ---------- */
  --text-display:clamp(32px,8vw,44px); /* 首屏 H1 手机≥32 */
  --text-h1:clamp(28px,5vw,36px);
  --text-h2:clamp(22px,3.5vw,28px);
  --text-h3:clamp(19px,2.5vw,22px);
  --text-h4:18px;
  --text-body-lg:18px;             /* 引导段 / 适老正文 */
  --text-body:16px;                /* 正文底线（不可 <16） */
  --text-small:14px;               /* 说明/元信息（非正文） */
  --text-micro:12px;

  /* ---------- 间距尺度 ---------- */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px;

  /* ---------- 圆角 ---------- */
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:24px; --radius-pill:999px;

  /* ---------- 阴影（暖调，柔光） ---------- */
  --shadow-sm:0 1px 2px rgba(43,43,43,.06),0 2px 6px rgba(43,43,43,.05);
  --shadow-md:0 4px 12px rgba(43,43,43,.08);
  --shadow-lg:0 10px 28px rgba(43,43,43,.10);
  --shadow-focus:0 0 0 3px rgba(226,106,30,.30);

  /* ---------- 布局与层级 ---------- */
  --container-max:1120px;
  --nav-h-mobile:60px;
  --nav-h-desktop:72px;
  --z-nav:200; --z-dropdown:300; --z-float:400; --z-modal:500; --z-toast:600;

  /* ---------- 渐变占位（暖色，避免冷蓝） ---------- */
  --ph-gradient-warm:linear-gradient(135deg,#FBEDE2 0%,#F7F1E9 50%,#E9F4EC 100%);
  --ph-gradient-orange:linear-gradient(135deg,#FBEDE2 0%,#F6D9C4 100%);
  --ph-gradient-green:linear-gradient(135deg,#E9F4EC 0%,#D7EBDD 100%);
}