/* ============================================================================
 * tokens.css —— 设计令牌单一真源
 * ───────────────────────────────────────────────────────────────
 * 已对齐「徐宏江的小站」设计规范（站点交接文档 第七节）：
 *   主色 #4290f5 → 渐变 #5a7ef5；浅蓝渐变背景；玻璃拟态卡片（blur 16px / radius 28px）；
 *   文字 #1a202c / #2d3748 / #718096。
 *
 * ⚠️ 历史坑：本站曾有 tokens-2.css 在第 6 位重复加载本文件内容，
 *    会覆盖此处定义（后加载者胜）。现已将其置为空壳，请勿恢复。
 *    所有令牌只在本文定义一次。
 * ============================================================================ */

:root {
  /* —— 品牌主色（小站规范）—— */
  --primary:       #4290f5;   /* 主色 */
  --primary-dark:  #3579dd;   /* hover / active 真深蓝 */
  --primary-light: #e8f4fd;   /* 浅主色底 = 小站渐变起点 */
  --primary-100:   var(--primary-light); /* 别名，避免同值多名 */

  /* —— 小站视觉令牌（新增）—— */
  --brand-gradient: linear-gradient(135deg, #4290f5 0%, #5a7ef5 100%);
  --page-gradient:  linear-gradient(135deg, #e8f4fd 0%, #b8dff5 40%, #7ec8e3 100%);
  --card-bg:        rgba(255, 255, 255, 0.9);
  --card-border:    rgba(255, 255, 255, 0.7);
  --card-blur:      blur(16px);
  --card-radius:    28px;
  --card-shadow:    0 8px 40px rgba(0, 0, 0, 0.04);
  --control-radius: 10px;     /* 输入框 / 按钮等控件圆角 */

  /* —— 语义色 —— */
  --success: #0f9d58;   /* 绿：通过 / 安全（小站跌色） */
  --warning: #d97706;   /* 琥珀：注意 / 警告 */
  --danger:  #e5484d;   /* 红：错误 / 危险（小站涨色） */
  --info:    #4290f5;   /* 信息蓝 = 主色 */

  /* —— 灰度阶（蓝灰板，对齐小站文字色）—— */
  --gray-900: #1a202c;  /* 标题（小站 #1a202c） */
  --gray-800: #2d3748;  /* 次级标题 */
  --gray-700: #2d3748;  /* 正文（小站 #2d3748） */
  --gray-600: #4a5568;  /* 灰阶补充：次级边框 / 弱分隔 */
  --gray-500: #718096;  /* 占位 / 弱文字（小站 #718096） */
  --gray-400: #a0aec0;  /* 辅助说明 */
  --gray-300: #cbd5e1;  /* 边框浅 */
  --gray-200: #e2e8f0;  /* 边框 */
  --gray-100: #f7fafc;  /* 浅底 */
  --gray-050: #f7fafc;  /* 页面底（页面渐变由 theme-xhja.css 施加） */

  /* —— 基础色 —— */
  --white: #ffffff;
  --black: #000000;

  /* —— 语义浅底（状态底纹 / 提示块）—— */
  --primary-50: #e8f4fd;  /* 主色浅底 */
  --success-50: #e6f4ea;  /* 绿浅底 */
  --warning-50: #fef3c7;  /* 琥珀浅底 */
  --danger-50:  #fdeaea;  /* 红浅底 */

  /* —— 字号（可后台调节，全站统一走 --fs-*）—— */
  --fs-display: 28px;
  --fs-h1: 22px;
  --fs-h2: 19px;
  --fs-h3: 16px;
  --fs-h4: 15px;
  --fs-body: 14px;
  --fs-label: 13px;
  --fs-sm: 12px;
  --fs-xs: 11px;

  /* —— 行高 —— */
  --lh-base: 1.6;
  --lh-tight: 1.4;

  /* —— 间距标尺 —— */
  --space-2: 2px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-24: 24px;
  --space-25: 25px;
  --space-30: 30px;
  --space-40: 40px;
  --space-50: 50px;

  /* —— 布局 —— */
  --column-gap: 16px;
  --module-gap: 5px;
  --container-max-width: 1400px;
  --section-pad-y: 12px;
  --section-pad-x: 14px;

  /* —— 形状 / 阴影 —— */
  --radius: 10px;   /* 原为 0px 且全站未使用，现统一为控件圆角 */
  --shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

/* 全局兜底：禁止 100vw 元素撑出横向滚动条 */
html,body{overflow-x:hidden;}