/**
 * lsbj design tokens（设计变量）—— 2026-09 建立中央 CSS 变量
 * 来源：DESIGN.md frontmatter 归档值（colors / radius / typography / elevation / spacing）
 *
 * 约定：
 * 1. 本文件只定义 :root 变量，不写任何元素规则，零视觉副作用；
 * 2. 新组件的颜色 / 圆角 / 字号 / 阴影一律用 var(--xxx) 引用本文件；
 * 3. 存量页面与 legacy 色板（#81d0ef / #3c8dbc 等）不做全局替换，按页渐进；
 * 4. legacy 维护色变量仅供维护老页面时引用，勿用于新组件。
 */
:root{
    /* ===== 品牌色（modern，新组件默认） ===== */
    --color-primary: #3b82f6;            /* 主蓝（CTA / 实心按钮） */
    --color-primary-hover: #2563eb;      /* 主蓝 hover */
    --color-primary-active: #1d4ed8;     /* 主蓝按下 / 深链接 */
    --color-link: #409eff;               /* 链接蓝 */
    --color-link-hover: #1677ff;         /* 链接 hover */

    /* ===== 文字（modern slate 系） ===== */
    --color-ink: #1f2329;                /* 主文本 / 卡片标题 */
    --color-text-strong: #303133;        /* 强调文本 */
    --color-text-body: #333333;          /* 默认正文（legacy 与 modern 通用） */
    --color-text-regular: #475569;       /* 次要正文 / ghost 按钮文字 */
    --color-text-secondary: #64748b;     /* 辅助说明 / caption */
    --color-text-muted: #909399;         /* 占位 / 弱化文本 */

    /* ===== 表面与背景 ===== */
    --color-bg-canvas: #ffffff;          /* 顶栏 / 卡片 / 弹窗底 */
    --color-bg-app: #f7f7f8;             /* 主内容区底 */
    --color-bg-soft: #f7f7f7;            /* 弱化区块底 */
    --color-bg-hover-blue: #eff6ff;      /* 浅蓝选中 / hover 底 */

    /* ===== 边框与分隔 ===== */
    --color-border: #e2e8f0;             /* 新组件主边框 */
    --color-border-soft: #ebeef5;        /* 卡片内分隔线 */
    --color-border-strong: #cbd5e1;      /* ghost 按钮边框 */

    /* ===== 语义色 ===== */
    --color-danger: #dc2626;             /* 危险红 / 校验错误 */
    --color-warning: #d97706;            /* 警示橙 */
    --color-success: #16a34a;            /* 成功绿 */

    /* ===== legacy 维护色（仅维护老页面时引用，勿用于新组件） ===== */
    --color-primary-legacy: #3c8dbc;     /* AdminLTE 旧主蓝 */
    --color-select-legacy: #81d0ef;      /* 后台旧"选中"青（侧栏/tab/分页） */
    --color-brand-cyan: #1EAAF1;         /* 品牌青蓝（登录/门户） */
    --color-table-head-gray: #f4f4f4;    /* 表头灰底 */

    /* ===== 侧边栏（slate 深色面） ===== */
    --color-sidebar-bg: #0f172a;         /* 侧栏底 */
    --color-sidebar-text: #cbd5e1;       /* 一级菜单字色 */
    --color-sidebar-text-2: #94a3b8;     /* 二级菜单字色 */
    --color-sidebar-hover-bg: #1e293b;   /* hover / 展开态底 */
    --color-sidebar-active-bg: #1e3a8a;  /* 选中态深蓝 pill */
    --color-sidebar-indicator: #3b82f6;  /* 一级选中左侧 2px 指示条 */

    /* ===== 圆角（新组件收敛：按钮/输入 5px、卡片/下拉 8px） ===== */
    --radius-sm: 3px;                    /* 分页 select / 窄小元素 */
    --radius-btn: 5px;                   /* 按钮 / 输入框 / tab */
    --radius-card: 8px;                  /* 卡片 / 下拉 / 浮层 */
    --radius-pill: 14px;                 /* 文字胶囊 */

    /* ===== 字号（Bootstrap 基准 14px，层级靠字号+字重+颜色组合） ===== */
    --font-size-title: 18px;             /* 卡片标题 */
    --font-size-nav: 16px;               /* 顶栏链接 / tab 文字 */
    --font-size-body: 14px;              /* 默认正文（勿随意放大） */
    --font-size-caption: 13px;           /* 提示 / label / 侧栏一级 */
    --font-size-micro: 11px;             /* 元信息 / 二维码说明 */

    /* ===== 阴影（后台默认平铺无阴影，仅浮层/下拉/弹出卡片使用） ===== */
    --shadow-dropdown: 0 8px 24px rgba(0,0,0,.12);   /* 新下拉 / 卡片 */
    --shadow-tip: 0 2px 8px rgba(0,0,0,.15);         /* 信息浮层 */

    /* ===== 控件高度 ===== */
    --control-h-sm: 30px;                /* select2 / 分页 */
    --control-h: 34px;                   /* 标准输入框 */
    --control-h-lg: 40px;                /* 检索框 / 大按钮 */

    /* ===== 字体栈（2026-09 全站统一 modern 栈，与 publicHead.css / index.css 内定义同值） ===== */
    --font-family-base: -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
}