/* ============================================================
   适配器 · career（就业辅导系统 · Vue 3 + Element Plus）
   必须在 tokens.css 之后加载。
   这套系统用 Element Plus，光改自己的变量不够——组件库的颜色
   来自 --el-color-*。这里两套一起接，并且用 html:root
   （特异性 0,1,1）压过 Element 的 :root（0,1,0），
   这样即使 Element 的样式在开发模式下由 JS 后注入也不会赢。
   浅色档位是按"与白色按比例混合"算出来的，和 Element 的算法一致。
   ============================================================ */

html:root {
  /* ---- 自有变量 ---- */
  --primary:       var(--t-brand);
  --primary-light: var(--t-brand-soft);
  --success: var(--t-ok);
  --warning: var(--t-warn);
  --danger:  var(--t-bad);
  --info:    var(--t-info);
  --bg:      var(--t-bg);
  --blue:    var(--t-info);
  --navy:    var(--t-text);

  /* ---- Element Plus 主色（#1f6f5c 及其浅色档） ---- */
  --el-color-primary:         #1f6f5c;
  --el-color-primary-light-3: #629a8d;
  --el-color-primary-light-5: #8fb7ae;
  --el-color-primary-light-7: #bcd4ce;
  --el-color-primary-light-8: #d2e2de;
  --el-color-primary-light-9: #e9f1ef;
  --el-color-primary-dark-2:  #19594a;

  /* ---- Element Plus 语义色 ---- */
  --el-color-success:         #1f6f5c;
  --el-color-success-light-3: #629a8d;
  --el-color-success-light-5: #8fb7ae;
  --el-color-success-light-7: #bcd4ce;
  --el-color-success-light-8: #d2e2de;
  --el-color-success-light-9: #e9f1ef;
  --el-color-success-dark-2:  #19594a;

  --el-color-warning:         #8a5a2b;
  --el-color-warning-light-3: #ad8c6b;
  --el-color-warning-light-5: #c5ad95;
  --el-color-warning-light-7: #dccebf;
  --el-color-warning-light-8: #e8ded5;
  --el-color-warning-light-9: #f3efea;
  --el-color-warning-dark-2:  #6e4822;

  --el-color-danger:          #b0473a;
  --el-color-danger-light-3:  #c87e75;
  --el-color-danger-light-5:  #d8a39d;
  --el-color-danger-light-7:  #e7c8c4;
  --el-color-danger-light-8:  #efdad8;
  --el-color-danger-light-9:  #f7edeb;
  --el-color-danger-dark-2:   #8d392e;

  --el-color-error:           #b0473a;
  --el-color-error-light-3:   #c87e75;
  --el-color-error-light-5:   #d8a39d;
  --el-color-error-light-7:   #e7c8c4;
  --el-color-error-light-8:   #efdad8;
  --el-color-error-light-9:   #f7edeb;
  --el-color-error-dark-2:    #8d392e;

  --el-color-info:            #2c5f7c;
  --el-color-info-light-3:    #6b8fa3;
  --el-color-info-light-5:    #96afbe;
  --el-color-info-light-7:    #c0cfd8;
  --el-color-info-light-8:    #d5dfe4;
  --el-color-info-light-9:    #eaeff0;
  --el-color-info-dark-2:     #234c63;

  /* ---- Element Plus 中性面 ---- */
  --el-text-color-primary: #22252b;
  --el-text-color-regular: #666b75;
  --el-text-color-secondary:#8b9099;
  --el-border-color:        #e6e2da;
  --el-border-color-light:  #eeeae1;
  --el-border-color-lighter:#f3efe7;
  --el-fill-color-light:    #f3efe7;
  --el-fill-color-blank:    #ffffff;
  --el-bg-color:            #ffffff;
  --el-bg-color-page:       #faf7f2;

  --el-border-radius-base:  6px;
  --el-border-radius-small: 4px;
  --el-border-radius-round: 999px;
  --el-font-family: var(--t-font);
  --el-font-size-base: 14px;
}

/* 卡片与容器统一 */
.el-card, .stat-card, .panel {
  border-radius: var(--t-r-md) !important;
  border-color: var(--t-line) !important;
  box-shadow: var(--t-e1) !important;
}
/* 侧边栏：深色改为统一中性面，避免和主色打架 */
.el-menu, .sidebar { border-right-color: var(--t-line) !important; }
.el-table th { background: var(--t-surface-2) !important; color: var(--t-text-muted) !important; }