@charset "UTF-8";
/* =============================================================
   通信人才网 v1 — 设计令牌 (Design Tokens)
   -------------------------------------------------------------
   全站视觉变量的唯一来源。改配色/圆角/字号只需要改这个文件。
   与 Bootstrap 5 变量做了双向映射，BS5 组件会自动跟随。

   换主色：只改 --th-brand* 与 --th-accent* 两组
   橙蓝互换：把 --th-brand 与 --th-accent 的值对调即可
   ============================================================= */

:root {
  /* ---------- 品牌主色：橙（活力 / 行动召唤 CTA） ---------- */
  --th-brand:          #FF6A00;
  --th-brand-hover:    #E85D00;
  --th-brand-active:   #D25300;
  --th-brand-soft:     #FFF3E8;
  --th-brand-rgb:      255, 106, 0;

  /* ---------- 辅色：蓝（信任 / 链接 / 导航） ---------- */
  --th-accent:         #1677FF;
  --th-accent-hover:   #0E5FD8;
  --th-accent-active:  #0B4EB5;
  --th-accent-soft:    #E8F1FF;
  --th-accent-rgb:     22, 119, 255;

  /* ---------- 中性色（白 / 蓝白灰） ---------- */
  --th-bg:             #FFFFFF;
  --th-bg-subtle:      #F5F7FA;
  --th-bg-muted:       #EEF2F7;
  --th-surface:        #FFFFFF;
  --th-text:           #1D2129;
  --th-text-secondary: #4E5969;
  --th-text-tertiary:  #86909C;
  --th-text-inverse:   #FFFFFF;
  --th-border:         #E5E6EB;
  --th-border-strong:  #C9CDD4;

  /* ---------- 状态色 ---------- */
  --th-success: #00B42A;
  --th-warning: #FF7D00;
  --th-danger:  #F53F3F;
  --th-info:    #1677FF;

  /* ---------- 字体 ---------- */
  --th-font-sans: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
                  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --th-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --th-fs-xs:   12px;
  --th-fs-sm:   14px;
  --th-fs-base: 16px;
  --th-fs-lg:   20px;
  --th-fs-xl:   24px;
  --th-fs-2xl:  32px;
  --th-fs-3xl:  40px;

  --th-lh-tight:  1.25;
  --th-lh-normal: 1.6;
  --th-lh-loose:  1.8;

  /* ---------- 间距（4 的倍数） ---------- */
  --th-space-1: 4px;
  --th-space-2: 8px;
  --th-space-3: 12px;
  --th-space-4: 16px;
  --th-space-5: 24px;
  --th-space-6: 32px;
  --th-space-7: 48px;
  --th-space-8: 64px;

  /* ---------- 圆角 ---------- */
  --th-radius-sm:   6px;
  --th-radius-md:   8px;
  --th-radius-lg:   12px;
  --th-radius-xl:   16px;
  --th-radius-pill: 999px;

  /* ---------- 阴影 ---------- */
  --th-shadow-sm: 0 1px 2px rgba(29, 33, 41, .06);
  --th-shadow-md: 0 2px 8px rgba(29, 33, 41, .08);
  --th-shadow-lg: 0 8px 24px rgba(29, 33, 41, .12);
  --th-shadow-brand: 0 4px 12px rgba(var(--th-brand-rgb), .24);

  /* ---------- 布局 ---------- */
  --th-container-max: 1200px;
  --th-header-h: 64px;
  --th-transition: .2s ease;

  /* ============================================================
     Bootstrap 5 变量映射 —— 让 BS5 组件自动继承上面的令牌
     ============================================================ */
  --bs-primary:      var(--th-brand);
  --bs-primary-rgb:  var(--th-brand-rgb);
  --bs-secondary:    var(--th-accent);
  --bs-secondary-rgb:var(--th-accent-rgb);
  --bs-success:      var(--th-success);
  --bs-danger:       var(--th-danger);
  --bs-warning:      var(--th-warning);
  --bs-info:         var(--th-info);

  --bs-body-color:      var(--th-text);
  --bs-body-bg:         var(--th-bg);
  --bs-body-font-family:var(--th-font-sans);
  --bs-body-font-size:  var(--th-fs-base);
  --bs-body-line-height:var(--th-lh-normal);

  --bs-border-color:    var(--th-border);
  --bs-border-radius:   var(--th-radius-md);
  --bs-border-radius-sm:var(--th-radius-sm);
  --bs-border-radius-lg:var(--th-radius-lg);
  --bs-border-radius-pill: var(--th-radius-pill);

  --bs-link-color:       var(--th-accent);
  --bs-link-color-rgb:   var(--th-accent-rgb);
  --bs-link-hover-color: var(--th-accent-hover);
}

/* 预留：暗色模式骨架（后续启用只需去掉注释并补色值）
[data-theme="dark"] {
  --th-bg:             #17171A;
  --th-bg-subtle:      #1F1F23;
  --th-surface:        #232326;
  --th-text:           #F2F3F5;
  --th-text-secondary: #C9CDD4;
  --th-border:         #333338;
}
*/