/* ============================================================
   tokens.css — 大连悦己时光医疗美容门诊部 官网设计令牌
   方向：轻奢雅致 · 编辑部秩序感
   底色暖象牙 / 主文字墨黛近黑 / 单一强调色 胭脂赭
   ============================================================ */

:root {
  /* ---- 色彩：60 / 30 / 10 ---- */
  --c-bg:        #F7F4EF;   /* 暖象牙底，非纯白 */
  --c-bg-deep:   #EFE9DE;   /* 次级底，用于区块交替 */
  --c-surface:   #FFFDF9;   /* 卡片表面 */
  --c-ink:       #151D1B;   /* 墨黛近黑，非纯黑 */
  --c-ink-2:     #4A534F;   /* 正文次要 */
  --c-ink-3:     #878D88;   /* 标注、说明 */
  --c-line:      #E0D9CC;   /* 发丝线 */
  --c-line-soft: #EBE5DA;

  --c-accent:    #A44E3B;   /* 胭脂赭：只给关键动作与标记 */
  --c-accent-dp: #8A3D2C;   /* 悬停加深 */
  --c-accent-lt: #F3E4DF;   /* 强调底 */
  --c-jade:      #2B4741;   /* 黛青：深色区块与次强调 */
  --c-jade-lt:   #E5EBE8;
  --c-gold:      #B08A5A;   /* 克制的金属色，仅用于线框与小标 */

  /* ---- 字体 ---- */
  /* 展示字：宋体系，撑"东方雅致"；刻意不用 Inter / system-ui */
  --f-display: "Songti SC", "STSong", "Source Han Serif SC", "Noto Serif SC",
               "SimSun", Georgia, serif;
  /* 正文：系统黑体 */
  --f-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
            "Noto Sans SC", "Source Han Sans SC", sans-serif;
  /* 拉丁小标与编号：Georgia 小型大写，全平台可用 */
  --f-latin: Georgia, "Times New Roman", "Songti SC", serif;
  /* 编号与登记号：等宽，强化"可核验"的专业感 */
  --f-mono: "IBM Plex Mono", "SF Mono", Consolas, "Courier New", monospace;

  /* ---- 字阶（1.25 模块化）---- */
  --fs-display: clamp(40px, 6.4vw, 82px);   /* 首屏主标题 */
  --fs-h1:      clamp(32px, 4.2vw, 52px);
  --fs-h2:      clamp(26px, 3.1vw, 38px);
  --fs-h3:      clamp(19px, 2vw, 23px);
  --fs-h4:      17px;
  --fs-lead:    clamp(16px, 1.5vw, 19px);   /* 导语 */
  --fs-body:    16px;
  --fs-sm:      14.5px;
  --fs-xs:      13px;
  --fs-label:   11.5px;                     /* 大写字距标签 */

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

  /* ---- 版心 ---- */
  --w:        1240px;
  --w-narrow: 720px;
  --gutter:   clamp(20px, 4vw, 48px);

  /* ---- 形状：极小圆角，避免"圆角卡片"的通用感 ---- */
  --r-xs: 2px;
  --r-sm: 3px;
  --r-md: 6px;
  --r-pill: 999px;

  /* ---- 阴影：三级，带环境色而非纯黑 ---- */
  --sh-1: 0 2px 8px rgba(43, 71, 65, .06);
  --sh-2: 0 8px 28px rgba(43, 71, 65, .09);
  --sh-3: 0 24px 64px rgba(43, 71, 65, .13);

  /* ---- 动效 ---- */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;

  /* ---- 页头 ---- */
  /* 信息栏高度：页头用负 top 让它随页面自然滚出，不再用 height:0 收缩 */
  --infobar-h: 62px;

  /* ---- 层级 ---- */
  --z-head: 60;
  --z-menu: 70;
  --z-widget: 80;
}