/* ============================================================
   星悦医疗 · 设计令牌（theme.css）
   全站唯一口径：纯白底 + 深青主色点睛 + 发丝线秩序
   颜色 / 字号 / 间距 / 圆角 / 阴影 一律从此取变量，禁止硬编码
   ============================================================ */
:root{
  /* ---- 色彩 ---- */
  --primary:#0E5A6E;
  --primary-deep:#0A4453;
  --primary-ink:#093744;
  --primary-tint:#F1F7F8;
  --ink:#101E24;
  --body:#4C5D65;
  --muted:#6E7E85;
  --line:#E2E8EB;
  --line-soft:#EDF1F3;
  --gray:#F4F6F8;
  --white:#FFFFFF;

  /* ---- 语义色 ---- */
  --bg:var(--white);
  --surface:var(--white);
  --surface-alt:var(--gray);
  --text:var(--ink);
  --text-body:var(--body);
  --text-muted:var(--muted);
  --border:var(--line);

  /* ---- 字号 ---- */
  --fs-hero:clamp(30px,4.5vw,56px);
  --fs-h2:clamp(24px,2.7vw,34px);
  --fs-h3:clamp(21px,2.1vw,26px);
  --fs-card:18px;
  --fs-lead:16px;
  --fs-body:15px;
  --fs-small:14px;
  --fs-xs:13px;

  /* ---- 行高 / 字距 ---- */
  --lh-tight:1.35;
  --lh-body:1.8;
  --ls-title:.02em;
  --ls-body:.012em;
  --ls-eyebrow:.32em;

  /* ---- 间距 ---- */
  --container:1280px;
  --container-wide:1760px;
  --pad-x:clamp(20px,4vw,48px);
  --pad-x-wide:clamp(20px,4vw,64px);
  --section-y:clamp(56px,6vw,88px);
  --gap-lg:clamp(30px,4.5vw,68px);
  --gap-md:clamp(20px,2.6vw,34px);
  --gap-sm:clamp(18px,2.2vw,28px);
  --header-h:78px;

  /* ---- 圆角 ---- */
  --radius:2px;
  --radius-md:4px;

  /* ---- 阴影 ---- */
  --shadow-sm:0 10px 30px -24px rgba(16,30,36,.6);
  --shadow-btn:0 12px 26px -14px rgba(14,90,110,.75);
  --shadow-menu:0 18px 32px -26px rgba(16,30,36,.7);

  /* ---- 动效 ---- */
  --ease-out:cubic-bezier(.2,.72,.3,1);
  --dur-fast:.25s;
  --dur-mid:.85s;
  --dur-slow:1.15s;
}