/* ============================================================
   元健康悦 · 手机端设计令牌（m-tokens）
   ------------------------------------------------------------
   所有取值均自电脑端抽取，不新造颜色：
     · 默认「赤金墨」← pc/index.html 内联样式
     · 逐页主题       ← pc/assets/theme-*.css
   逐页主题文件（m-theme-*.css）只覆盖本文件里的变量，不重写组件。
   ============================================================ */

:root {
  /* ---- 尺寸体系：390px 设计基准，320–430 流式 ---- */
  --pad-x: 20px;          /* 页面左右安全边距 */
  --sec-y: 50px;          /* 区块纵向留白 */
  --gap: 14px;
  --rad: 14px;
  --rad-sm: 10px;
  --tap: 44px;            /* 最小点击区 */
  --rail-w: 78vw;         /* 横滑卡宽度 */

  --fs-body: 17px;
  --lh-body: 1.75;
  --fs-h1: 31px;
  --fs-h2: 24px;
  --fs-h3: 20px;
  --fs-h4: 17.5px;
  --fs-sm: 14.5px;
  --fs-xs: 12.5px;

  /* ---- 品牌基准：赤金墨（默认，用于 index / internet-hospital）---- */
  --red-900: #84091C;
  --red-800: #8E0A1F;
  --red-700: #A90C25;
  --red-600: #C8102E;
  --red-500: #CE1231;
  --red-400: #E63C52;
  --red-foot: #B00D28;

  --gold-100: #FFF6DC;
  --gold-200: #FFE9AE;
  --gold-300: #FFD666;
  --gold-400: #F5B301;
  --gold-500: #E0B457;

  --ink: #141110;                    /* 深色板块底 */
  --ink-page: #17120F;
  --cream: #FFF9F2;

  /* ---- 页面底色与文字 ---- */
  --page-bg: var(--ink-page);
  --page-fg: var(--cream);
  --head-fg: #FFFFFF;
  --body-fg: rgba(255, 249, 242, .86);
  --muted-fg: rgba(255, 249, 242, .66);

  /* ---- 浅色板块（gov 等白底页用）---- */
  --t1: #FFFFFF;
  --t2: #F5EFE7;
  --t-head: #17120F;
  --t-body: #55534E;
  --t-muted: #8A857D;
  --t-card: #FFFFFF;
  --t-bd: #E7E2DA;

  /* ---- 强调色（红色板块 / 链接 / 数据）---- */
  --accent: var(--gold-300);
  --accent-2: var(--gold-200);
  --accent-soft: rgba(255, 214, 102, .12);
  --accent-bd: rgba(255, 214, 102, .38);
  --brand: var(--red-600);
  --brand-2: var(--red-700);

  /* ---- 旗面（首屏）---- */
  --hero-1: #CE1231;
  --hero-2: #C8102E;
  --hero-3: #A90C25;
  --hero-bright: #E63C52;
  --hero-deep: #84091C;

  /* ---- 深色板块内的卡片 ---- */
  --dark-card: rgba(255, 255, 255, .06);
  --dark-card-bd: rgba(255, 214, 102, .26);
  --dark-fg: rgba(255, 249, 242, .86);
  --dark-accent: var(--gold-300);

  /* ---- 红色板块内的卡片 ---- */
  --red-card: rgba(23, 18, 15, .22);
  --red-card-bd: rgba(255, 233, 174, .34);

  --foot-bg: var(--red-foot);
  --link: var(--gold-300);

  /* ---- 品牌色板块底色 ----
     各主题的亮品牌色（玫红 #E15A8E / 橙 #FF7A1A / 企微蓝 #0084FF / 紫 #8B5CF6）
     上白字只有 2.6–3.6:1，物理上到不了 WCAG AA 的 4.5:1，
     故品牌色板块统一用「同色相压深一档」的底色；默认赤金墨红 #C8102E 本身 5.9:1 达标，不用改。 */
  --sec-red-bg: var(--red-600);

  /* ---- 代价 / 后果行配色 ---- */
  --cost-fg: #FFC7A8;

  /* ---- 深色板块底色（gov 主题会换成公卫深绿）---- */
  --dark-bg: var(--ink);

  /* ---- 顶栏底色（滚动吸顶后用）---- */
  --bar-bg: rgba(23, 18, 15, .92);

  /* ---- 旗面星群配色（默认赤金墨：五档金色；gov 主题换为白色系）---- */
  --st-1: #FFD666;
  --st-2: #FFEFC0;
  --st-3: #D9A33F;
  --st-4: #9A6F26;
  --st-5: #FFE9AE;
}