/* ============================================================
   启元.QIEAM UI V4 设计令牌 —— 单一真源 (tokens.css)
   物理分区：scale-* / hud-* / ink-* 三组互不引用，跨组引用即违规。
   作用域隔离：scale 承载主体；hud/ink 严格限定在各自作用域类内。
   ============================================================ */

:root {
    /* ── 1. 刻度表面 (Scale) 浅色矩阵 ── */
    --scale-face:          #F1F2F3; /* 视口基底底色 */
    --scale-panel:         #FFFFFF; /* 主操作承载面 */
    --scale-recess:        #E7E9EA; /* 凹槽与输入框沉陷底色 */
    --scale-rule:          #D5D8DA; /* 容器边缘与标尺细线 */
    --scale-rule-strong:   #BFC3C6; /* 列轴线与表头底界 */
    --scale-rule-focus:    #8E959A; /* 控件聚焦外框与定位线 */
    --scale-tick:          #8A9095; /* 标尺刻度线段与标记 */
    --scale-ink-1:         #0F1214; /* 页面主标题与强强调读数 */
    --scale-ink-2:         #3E4448; /* 表单正文与表格内容 */
    --scale-ink-3:         #6B7276; /* 元数据与辅助说明文本 */
    --scale-ink-4:         #A2A8AC; /* 占位符与禁用态文本 */
    --scale-steel:         #10606B; /* 交互主色与主要链接 */
    --scale-steel-hi:      #0B4A52; /* 交互主色悬停与按压态 */
    --scale-steel-wash:    #E4EEEF; /* 行选中与轻量填充衬底 */
    --scale-redline:       #A62B22; /* 危险操作与超限警示红 */
    --scale-redline-wash:  #F7E7E5; /* 错误输入与危险衬底 */
    --scale-ok:            #2C6B3F; /* 正常运行与合规状态绿 */
    --scale-ok-wash:       #E7F0EA; /* 合规通过提示衬底（与 ok 正文 5.6:1） */
    --scale-warn:          #8A5A00; /* 预警状态与临界黄色 */

    /* ── 2. 刻度表面字号阶梯 (px 绝对单位) ── */
    --scale-t-tick:        10px;    /* 标尺刻度标数与微标签 */
    --scale-t-meta:        12px;    /* 表头标签与时间戳 */
    --scale-t-body:        14px;    /* 表格正文与常规表单文本 */
    --scale-t-title:       16px;    /* 分区标题与面板组头 */
    --scale-t-page:        22px;    /* 页面主标题 H1 */
    --scale-t-lead:        28px;    /* 品牌导语与首屏标语（比 H1 高一档的叙事焦点） */
    --scale-t-stat:        30px;    /* 指标卡主读数 (mono) */
    --scale-t-display:     clamp(36px, 4vw, 52px); /* 首屏核心大字读数 (mono) */
    --scale-t-code:        13px;    /* 序列号与资产编码 (mono) */

    /* ── 3. 刻度表面网格间距阶梯 ── */
    --scale-sp-hair:       2px;     /* 极细档：徽标贴边与刻线微距（不足一个刻度档） */
    --scale-sp-1:          4px;     /* 微间距与微内距 */
    --scale-sp-2:          8px;     /* 紧凑内距与控件间隙 */
    --scale-sp-3:          16px;    /* 标准内距与列间距 */
    --scale-sp-4:          24px;    /* 面板内距与区域间隔 */
    --scale-sp-5:          32px;    /* 大区块间隔 */
    --scale-sp-6:          48px;    /* 段落间断与模态留白 */
    --scale-sp-7:          64px;    /* 页面族级纵向大留白 */
    --scale-sp-8:          96px;    /* 极宽视口顶底空隙 */

    /* ── 4. 刻度表面圆角与浮动阴影 ── */
    --scale-r-ctl:         4px;     /* 控件与按钮统一小圆角 */
    --scale-r-float:       10px;    /* 浮动菜单与模态卡片圆角 */
    --scale-shadow-float:  0 4px 16px rgba(0, 0, 0, 0.08); /* 浮层环境遮蔽阴影 */

    /* ── 5. 响应式视口断点（标准三档；CSS @media 直接写同值，供 JS 读取） ── */
    --bp-md:               1024px;  /* 平板横屏与小桌面断点 */
    --bp-sm:               768px;   /* 平板竖屏断点 */
    --bp-xs:               480px;   /* 移动端窄屏断点 */

    /* ── 6. 共用骨架与排版基础 ── */
    --font-sans:           system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif; /* 无衬线系统栈 */
    --font-mono:           ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; /* 等宽数据字族 */
    --lh-tight:            1.15;    /* 标题紧凑行高 */
    --lh-body:             1.50;    /* 正文标准行高 */
    --dur-inst:            120ms;   /* 放：即时交互时长 */
    --dur-lead:            200ms;   /* 导：引导位移时长 */
    --dur-settle:          320ms;   /* 结：沉降定格时长 */
    --dur-halt:            200ms;   /* 停摆：归位终止时长 */
    --ease-out:            cubic-bezier(0, 0, 0.2, 1); /* 标准减速平滑函数 */

    /* ── 6.5 壳层表面 (Shell)：侧栏/顶栏的尺寸、导航色板与层级 ──
       只引用 scale 组，暗色随 scale 映射自动切换；
       壳层 CSS 只允许消费 --shell-* 与 --scale-*，不得回引根级旧变量 */
    --shell-side-w:        216px;   /* 侧栏展开宽度 */
    --shell-side-w-mini:   54px;    /* 侧栏图标栏宽度 */
    --shell-top-h:         56px;    /* 顶栏高度 */

    --shell-nav-bg:        var(--scale-panel);      /* 侧栏底 */
    --shell-nav-border:    var(--scale-rule);       /* 侧栏分隔线 */
    --shell-nav-hover:     var(--scale-recess);     /* 菜单悬停底 */
    --shell-nav-active:    var(--scale-steel-wash); /* 菜单选中底 */
    --shell-nav-accent:    var(--scale-steel);      /* 选中标记与图标 */
    --shell-nav-text:      var(--scale-ink-2);      /* 未选中文字 */
    --shell-nav-text-hi:   var(--scale-ink-1);      /* 选中/悬停文字 */
    --shell-nav-label:     var(--scale-ink-3);      /* 分组标签 */
    --shell-logo-bg:       var(--scale-recess);     /* 品牌区底 */

    --shell-topbar-glass:  rgb(255 255 255 / 0.92); /* 顶栏半透明底（亮） */
    --shell-backdrop:      rgb(0 0 0 / 0.45);       /* 移动端抽屉遮罩（亮） */
    --shell-focus-ring:    0 0 0 2px var(--scale-steel-wash); /* 键盘焦点环 */
    --shell-icon-size:     18px;    /* 顶栏汉堡等大图标字号（scale 阶梯之外的图标档） */

    --shell-z-batchbar:    1028;    /* 批量操作条 */
    --shell-z-topbar:      1030;    /* 顶栏（与 Bootstrap fixed 同层） */
    --shell-z-backdrop:    1035;    /* 抽屉遮罩 */
    --shell-z-sidebar:     1036;    /* 侧栏 */

    /* ── 6.6 浮层层级 (Overlay)：Bootstrap 组件与自建浮层共用 ── */
    --scale-z-modal:       1056;    /* 模态：高于 Bootstrap 原生 .modal(1055)，低于命令面板 */
    --scale-z-cmdk:        2000;    /* 命令面板：全站最顶层浮层 */
}

/* ── 7. 刻度表面暗色映射 (非反色独立设计) ── */
[data-bs-theme="dark"] {
    --scale-face:          #111416; /* 暗色基底，消解眩光 */
    --scale-panel:         #181C1F; /* 暗色升起承载面板面 */
    --scale-recess:        #131618; /* 暗色沉降底槽与输入底色 */
    --scale-rule:          #262B2E; /* 暗色低对比结构分割线 */
    --scale-rule-strong:   #3A4145; /* 暗色强化列轴线与边框 */
    --scale-rule-focus:    #5C666C; /* 暗色获得焦点外轮廓 */
    --scale-tick:          #525B60; /* 暗色标尺刻度指示标记 */
    --scale-ink-1:         #EDF0F2; /* 暗色高对比强读数 */
    --scale-ink-2:         #B2B8BC; /* 暗色二级正文与表单内容 */
    --scale-ink-3:         #7D868B; /* 暗色辅助说明与次要标签 */
    --scale-ink-4:         #4B5357; /* 暗色占位与禁用低权重文本 */
    --scale-steel:         #238B99; /* 提亮交互青，保暗底识别 */
    --scale-steel-hi:      #3BB5C6; /* 强交互悬停亮青光感 */
    --scale-steel-wash:    #14272A; /* 暗调微青行选中沉底色 */
    --scale-redline:       #E04B41; /* 提亮危险报警红穿透暗底 */
    --scale-redline-wash:  #2B1514; /* 暗红报警区衬底防刺目 */
    --scale-ok:            #419E5D; /* 暗底正常状态指示明绿 */
    --scale-ok-wash:       #16251A; /* 暗底合规提示衬底（与 ok 正文 4.8:1） */
    --scale-warn:          #D99411; /* 暗底预警状态指示琥珀金 */
    --scale-shadow-float:  0 6px 24px rgba(0, 0, 0, 0.45); /* 暗色加深环境遮蔽投影 */

    /* ── 壳层表面暗色档：只有两项需要与 scale 解耦的半透明底 ── */
    --shell-topbar-glass:  rgb(24 28 31 / 0.88); /* 顶栏半透明底（暗） */
    --shell-backdrop:      rgb(0 0 0 / 0.62);    /* 抽屉遮罩（暗） */
}

/* ── 8. HUD 表面作用域 (不得写进 :root) ── */
.hud-surface {
    --hud-void:            #0A0B0C; /* 监控大屏全黑无反光底 */
    --hud-panel:           #121415; /* 仪表盘沉降底块 */
    --hud-rule:            #2A2E30; /* 仪器刻线与网格基线 */
    --hud-amber:           #FFB000; /* 正常状态唯一指示主色 */
    --hud-amber-dim:       #B87900; /* 次级读数与微弱单位标 */
    --hud-white:           #F2F4F5; /* 极高关注焦点高光点 */
    --hud-alarm:           #FF5A1F; /* 异常报警与故障警示色 */
    --hud-t-display:       clamp(28px, 3vw, 44px); /* 大屏首屏核心指标 (mono) */
    --hud-t-title:         20px;    /* 监控分舱标题字号 (mono) */
    --hud-t-readout:       14px;    /* 仪表读数字号下限 (mono) */
    font-family:           var(--font-mono); /* HUD 全量使用等宽字族 */
    background-color:      var(--hud-void); /* 虚空底色承载 */
    color:                 var(--hud-amber); /* 默认文字正常即琥珀 */
}

/* ── 9. HUD Daylight 变体作用域 ── */
.hud-surface[data-hud-theme="daylight"] {
    --hud-void:            #E8EAEC; /* 日光模式浅灰冷吸收底 */
    --hud-panel:           #DFE2E5; /* 日光模式浅灰仪表沉陷面 */
    --hud-rule:            #B8BDC2; /* 日光模式高反差刻度线 */
    --hud-amber:           #8A5200; /* 收敛暗琥珀，保障高对比 */
    --hud-amber-dim:       #634008; /* 日光模式次级标签深褐色 */
    --hud-white:           #0A0B0C; /* 日光模式焦点反转深黑标 */
    --hud-alarm:           #C42700; /* 日光模式高穿透报警深红橙 */
}

/* ── 10. 墨表面作用域 (不得写进 :root) ── */
.ink-surface {
    --ink-paper:           #F3F2EF; /* 纸面基底与外框底色 */
    --ink-surface:         #FFFFFF; /* 实体白纸印芯工作区 */
    --ink-rule:            #E2DFD9; /* 纸张极细分割与裁切线 */
    --ink-900:             #16150F; /* 印刷浓黑主体文字墨色 */
    --ink-500:             #6A6862; /* 辅助落款与版号弱墨色 */
    --ink-accent:          #1F3FB0; /* 印鉴蓝与官方盖章标识 */
    --font-serif:          "Songti SC", "SimSun", "STSong", serif; /* 墨表面专用宋体 */
    /* 印刷物理尺寸专用局部令牌 */
    --pt-margin-page:      15mm;    /* A4 单据标准装订页边距 */
    --pt-margin-card:      3mm;     /* 资产卡片实体贴纸边距 */
    --pt-bleed:            1.5mm;   /* 实体裁切出血线余量 */
    --pt-border-rule:      0.5pt;   /* 极细单据内格线 (0.176mm) */
    --pt-border-frame:     1.5pt;   /* 凭据主外框加重实线 */
    --pt-font-body:        9pt;     /* 纸面高密表格正文字号 */
    --pt-font-title:       14pt;    /* 凭证二级主标题字号 */
    --pt-font-stamp:       8pt;     /* 印章环绕字与微型序列号 */
    background-color:      var(--ink-paper); /* 宣纸质感底板 */
    color:                 var(--ink-900); /* 纸面主体墨色文字 */
}

/* ── 11. @deprecated 兼容桥接区 (过渡期垫片，将在 E-08 后删除) ── */
:root {
    --brand:               var(--scale-steel);        /* 兼容：将在 E-08 后删除 */
    --brand-dark:          var(--scale-steel-hi);     /* 兼容：将在 E-08 后删除 */
    --brand-subtle:        var(--scale-steel-wash);   /* 兼容：将在 E-08 后删除 */
    --bg-page:             var(--scale-face);         /* 兼容：将在 E-08 后删除 */
    --bg-surface:          var(--scale-panel);        /* 兼容：将在 E-08 后删除 */
    --bg-raised:           var(--scale-recess);       /* 兼容：将在 E-08 后删除 */
    --border:              var(--scale-rule);         /* 兼容：将在 E-08 后删除 */
    --border-strong:       var(--scale-rule-strong);  /* 兼容：将在 E-08 后删除 */
    --text-primary:        var(--scale-ink-1);        /* 兼容：将在 E-08 后删除 */
    --text-secondary:      var(--scale-ink-2);        /* 兼容：将在 E-08 后删除 */
    --text-tertiary:       var(--scale-ink-3);        /* 兼容：将在 E-08 后删除 */
    --text-disabled:       var(--scale-ink-4);        /* 兼容：将在 E-08 后删除 */
    --success:             var(--scale-ok);           /* 兼容：将在 E-08 后删除 */
    --warning:             var(--scale-warn);         /* 兼容：将在 E-08 后删除 */
    --danger:              var(--scale-redline);      /* 兼容：将在 E-08 后删除 */
    --danger-bg:           var(--scale-redline-wash); /* 兼容：将在 E-08 后删除 */
    --r-sm:                var(--scale-r-ctl);        /* 兼容：将在 E-08 后删除 */
    --r-md:                var(--scale-r-ctl);        /* 兼容：将在 E-08 后删除 */
    --shadow-float:        var(--scale-shadow-float); /* 兼容：将在 E-08 后删除 */
}