/* =============================================================
   皓雅口腔官网 · 设计 Token（单一事实源）
   -------------------------------------------------------------
   由 Ardot 设计文件「皓雅 Tokens」变量集导出（export_variables / css）。
   画布中全部节点已重绑到这些变量；前端代码统一引用本文件，
   实现「画布 ↔ 代码」配色单轨，一处改 Token 全站响应。

   命名规则：--皓雅-Tokens-<分组>.<变量>
   分组：brand / neutral / surface / border / text / onDark / radius / status
   ============================================================= */

:root {
  /* ===== 品牌色 ===== */
  --皓雅-Tokens-brand-primary: #1F5ED6;   /* 主蓝：CTA / 链接 / 图标 / 强调 */
  --皓雅-Tokens-brand-dark: #0A2645;      /* 深蓝：侧栏渐变 / Hero 起点 / 联系底 */
  --皓雅-Tokens-brand-darkest: #081F3B;   /* 最深蓝：页脚底 */
  --皓雅-Tokens-brand-navy: #17335C;      /* 深蓝次级：侧栏渐变终点 */
  --皓雅-Tokens-brand-navy2: #1C3F5C;     /* 侧栏分隔线 / 页脚分隔线 */
  --皓雅-Tokens-brand-teal: #0D3B38;      /* 墨绿：案例描边 */
  --皓雅-Tokens-brand-gold: #C9A86B;      /* 金：信任数字 / 按钮 / 装饰 */
  --皓雅-Tokens-brand-gold-deep: #C28A3C; /* 深金：药丸字 / 渐变终点 */

  /* ===== 中性 / 表面 ===== */
  --皓雅-Tokens-neutral-white: #FFFFFF;    /* 白底 */
  --皓雅-Tokens-surface-tint: #F5F7FC;     /* 浅蓝白：主区底 / 表头底 */
  --皓雅-Tokens-surface-tint2: #E8F0FA;    /* 浅蓝白次级：胶囊 / 图标底 / 占位渐变 */
  --皓雅-Tokens-surface-gray: #F5F7F7;     /* 浅灰：案例图占位 / 开关底 */
  --皓雅-Tokens-border-subtle: #E3EDFA;    /* 浅描边：卡片 / 输入框 */

  /* ===== 文本（亮底）===== */
  --皓雅-Tokens-text-ink: #14242B;         /* 最深正文 */
  --皓雅-Tokens-text-body: #4A5975;        /* 移动端正文 */
  --皓雅-Tokens-text-body2: #5E6E73;       /* 桌面端正文（次深） */
  --皓雅-Tokens-text-muted: #8A99AD;       /* 移动端辅助灰 */
  --皓雅-Tokens-text-muted2: #7A8A8F;      /* 桌面端辅助灰 */

  /* ===== 文本（深底 onDark）===== */
  --皓雅-Tokens-onDark-strong: #EBF2FA;    /* 亮白正文 */
  --皓雅-Tokens-onDark-sub: #C9D6E8;       /* 次级文本 */
  --皓雅-Tokens-onDark-muted: #9EB2CC;     /* 辅助文本 */
  --皓雅-Tokens-onDark-dim: #7D91B5;       /* 最暗文本 / 占位 */
  --皓雅-Tokens-onDark-sub2: #C4D6F2;      /* 联系区 / 页脚次级 */
  --皓雅-Tokens-onDark-muted2: #A8BAD9;    /* 联系区 / 页脚辅助 */

  /* ===== 状态药丸 ===== */
  --皓雅-Tokens-status-gold: #FDF3E2;      /* 金药丸底（待确认 / 待支付） */
  --皓雅-Tokens-status-green: #E6F5EE;     /* 绿药丸底（已确认 / 启用） */
  --皓雅-Tokens-status-neutral: #E6F1F4;    /* 灰药丸底（已取消 / 停用） */
  --皓雅-Tokens-brand-green: #2AA471;      /* 绿趋势字 / 绿药丸字 / 开关 */

  /* ===== 圆角阶梯 ===== */
  --皓雅-Tokens-radius-input: 10px;        /* 输入框 / 小按钮 */
  --皓雅-Tokens-radius-sm: 12px;           /* 标签 / 小卡 */
  --皓雅-Tokens-radius-card: 14px;         /* 诊疗卡 */
  --皓雅-Tokens-radius-lg: 16px;           /* 大卡 / 弹窗 */
  --皓雅-Tokens-radius-btn: 18px;          /* 按钮 */
  --皓雅-Tokens-radius-section: 20px;      /* 大区块 */
  --皓雅-Tokens-radius-pill: 22px;         /* 胶囊 */
  --皓雅-Tokens-radius-avatar: 28px;       /* 头像圆 */
  --皓雅-Tokens-radius-image: 24px;        /* 大图卡 */
  --皓雅-Tokens-radius-full: 999px;        /* 全圆：徽章 / 胶囊 / 装饰点 */
}