/* ============================================================
   博德赋能官网 · 设计令牌 (tokens.css)
   全站唯一的设计变量来源。颜色 / 字号 / 间距 / 圆角 / 阴影 / 过渡
   全部在此集中定义，其它样式文件只引用变量，不写死值。
   引入顺序：tokens.css → base.css → site-base.css → components.css → 页面.css
   ============================================================ */

:root{
  /* ---------- 字体族 ---------- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans CN", sans-serif;
  --font-serif: Georgia, "Times New Roman", "Songti SC", "SimSun", serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* ---------- 品牌色（金） ---------- */
  --gold:            #e0a93b;   /* 主品牌金 */
  --gold-light:      #f0c674;   /* 浅金（标题点缀） */
  --gold-dark:       #c8922a;   /* 深金（线条 / 图标） */
  --gold-soft:       rgba(200, 146, 42, .16);  /* 激活/悬停底色 */

  /* ---------- 主色（深蓝） ---------- */
  --navy-900: #0a1628;   /* 最深（导航底） */
  --navy-800: #0c1c34;
  --navy-700: #122540;
  --navy-600: #1a3354;
  --navy-500: #23456e;

  /* ---------- 中性灰阶 ---------- */
  --gray-50:  #f8f9fb;
  --gray-100: #f1f3f6;
  --gray-200: #e8ebf0;
  --gray-300: #d8dde6;
  --gray-400: #aab2c0;
  --gray-500: #8a93a3;
  --gray-600: #6b7280;
  --gray-700: #4b5563;
  --gray-800: #2b3442;
  --gray-900: #1a2230;

  /* ---------- 语义色 ---------- */
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error:   #ef4444;
  --color-info:    #3b82f6;

  /* ---------- 文字色 ---------- */
  --text-primary:   #1f2937;            /* 正文主色 */
  --text-secondary: #4b5563;            /* 次级文字 */
  --text-muted:     #8a93a3;            /* 弱化/说明文字 */
  --text-on-dark:   #ffffff;            /* 深底上的文字 */
  --text-on-dark-2: rgba(255,255,255,.65);  /* 深底上的次级文字 */

  /* ---------- 背景色 ---------- */
  --bg-page:    #ffffff;
  --bg-soft:    #f7f8fa;   /* 浅灰区块底 */
  --bg-dark:    var(--navy-900);
  --bg-gold-tint: rgba(224,169,59,.06);

  /* ---------- 边框色 ---------- */
  --border-light: #e8ebf0;
  --border-mid:   #d8dde6;

  /* ---------- 字号阶梯（常规站点标准，4px 节奏） ---------- */
  --fs-10: 10px;  --fs-11: 11px;  --fs-12: 12px;  --fs-13: 13px;
  --fs-14: 14px;  --fs-15: 15px;  --fs-16: 16px;  --fs-17: 17px;
  --fs-18: 18px;  --fs-20: 20px;  --fs-22: 22px;  --fs-24: 24px;
  --fs-26: 26px;  --fs-28: 28px;  --fs-30: 30px;  --fs-32: 32px;
  --fs-36: 36px;  --fs-40: 40px;  --fs-44: 44px;  --fs-48: 48px;
  --fs-56: 56px;  --fs-64: 64px;

  /* 行高 */
  --lh-tight: 1.25;
  --lh-snug:  1.4;
  --lh-base:  1.7;
  --lh-loose: 1.9;

  /* ---------- 间距（4px 基准） ---------- */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-5: 20px;  --space-6: 24px;  --space-8: 32px;  --space-10: 40px;
  --space-12: 48px; --space-14: 56px; --space-16: 64px; --space-20: 80px;
  --space-24: 96px; --space-28: 112px; --space-32: 128px;

  /* ---------- 圆角 ---------- */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 999px;

  /* ---------- 阴影 ---------- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,.08);
  --shadow-lg: 0 10px 30px rgba(0,0,0,.12);
  --shadow-xl: 0 20px 50px rgba(0,0,0,.16);

  /* ---------- 过渡 ---------- */
  --transition-fast: .15s ease;
  --transition-normal: .3s ease;
  --transition-slow: .5s ease;

  /* ---------- 全站布局令牌（供 site-base.css 引用） ---------- */
  --max-width: 1400px;
  --site-gutter: 24px;
  --nav-h: 96px;
  --nav-h-shrink: 72px;
}
