/* ============================================================================
 * skins/portal.css —— 门户（opc.keyinfo.tech/）
 * 基调：E 会客厅。暖砂纸底 + 陶土强调 + 大圆角 + 图占比高。
 * 目的不是"好看"，是解决"这不像一家公司，而像一个社区"。
 * 字体：统一黑体。原有"宋体标题"的表达改由 700 字重 + 负字距 + 大字号承担。
 * ========================================================================== */

[data-skin="portal"] {
  /* 表面：最暖的一档，接近未涂布纸 */
  --bg:          #F6F1E7;
  --bg-2:        #FBF7F0;
  --surface:     #FFFDF9;
  --surface-2:   #EFECE4;
  --overlay:     rgba(42, 36, 32, .46);

  /* 文字：暖墨，不用纯黑（纯黑在暖纸上会发灰） */
  --ink:         #2A2420;
  --ink-2:       #574C43;
  /* 说明文字：#8C8176 在暖纸底上只有 3.1:1，正文级小字达不到 AA，
     压深到 #6F6559（约 4.6:1）——层级靠字号与字重区分，不靠降低对比度 */
  --muted:       #6F6559;
  --on-brand:    #FFFDF9;

  /* 描边 */
  --line:        #E4DBCD;
  --line-2:      #EFE8DC;
  --line-strong: #D3C6B2;

  /* 品牌：陶土 */
  --brand:       #C45E3A;
  --brand-2:     #A84D2D;
  --brand-soft:  #F6E3D8;
  --brand-ink:   #A84D2D;

  /* 导航轨：门户用暖墨，与页面同族，不用深青 */
  --rail-bg:     #2A2420;
  --rail-ink:    #F6F1E7;
  --rail-muted:  #B6A99B;
  --rail-active: rgba(255, 253, 249, .10);

  /* 状态：暖调偏砖红，避免冷色破坏纸感 */
  --danger:      #C4553F;
  --danger-soft: #F8E4DC;
  --warn:        #C08A2E;
  --warn-soft:   #F9EFD9;
  --info:        #4A6E7C;
  --info-soft:   #E4EBED;
  /* 门户不用冷紫，改用暖褐，避免破坏纸感 */
  --pending:      #8A7A63;
  --pending-soft: #F1EADD;

  /* 形状：圆角最大、阴影最柔（纸的厚度感，不是玻璃感） */
  --radius-card: 16px;
  --radius-ctl:  10px;
  --radius-chip: 999px;
  --shadow-1:    0 1px 0 rgba(255,255,255,.85) inset, 0 2px 4px rgba(60,40,25,.04), 0 14px 30px -14px rgba(60,40,25,.18);
  --shadow-2:    0 1px 0 rgba(255,255,255,.85) inset, 0 3px 8px rgba(60,40,25,.05), 0 28px 56px -20px rgba(60,40,25,.24);

  /* 密度：门户要呼气，比后台松 */
  --density:     1.04;
  --fs-body:     15.5px;
  --ctl-h:       44px;   /* 门户有老用户与触屏场景，控件给足 */

  --font-title:  var(--f-sans);
  --font-body:   var(--f-sans);
}