/* ============================================================================
 * 销售质量检核系统 V2.5 —— 集中式主题变量（淡蓝色系）
 * ----------------------------------------------------------------------------
 * 【唯一变量源】本文件是全站 CSS 变量的唯一定义处。
 *
 * 约定（架构设计文档 §7.1）：
 *   1. 禁止在 dashboard.css / login.css 中再定义 :root 或硬编码品牌 HEX 色值。
 *   2. <link> 引入顺序：theme.css 必须在 dashboard.css / login.css 之前。
 *   3. 兼容别名（--primary / --primary-dark 等）勿删 —— dashboard.css 中
 *      有 39 处 var(--primary) 依赖它们，删除会导致全站失色。
 *
 * 换肤方式：只改本文件的色值即可完成全站换肤，业务样式零改动。
 * ========================================================================== */

:root {
    /* ---- 品牌主色（淡蓝系）---- */
    --brand:          #3B82F6;   /* 主按钮、链接、激活态 */
    --brand-dark:     #2563EB;   /* hover / 渐变深端 */
    --brand-deep:     #1E40AF;   /* 最深强调（侧边栏激活文字、深色标题） */
    --brand-light:    #EAF2FB;   /* 侧边栏底、选中底、浅填充 */
    --brand-lighter:  #F7FBFF;   /* 页面底色、条纹行 */
    --brand-border:   #C9DDF7;   /* 品牌色描边 */

    /* ---- 企业标识色（仅 Logo 与极少强调，不做界面主色）---- */
    --logo-red:       #C8102E;

    /* ---- 中性色 ---- */
    --bg:             #F5F9FF;   /* 页面背景 */
    --card-bg:        #FFFFFF;   /* 卡片 / 表格背景 */
    --text:           #1F2D3D;   /* 主文字 */
    --text-secondary: #6B7C93;   /* 次要文字 */
    --border:         #D6E4F5;   /* 淡蓝边框 */
    --border-soft:    #EAF1FA;   /* 更浅的分隔线（表格行分隔等） */
    --fill-subtle:    #F7FAFF;   /* 输入框 / 表头浅填充底 */

    /* ---- 语义色 ---- */
    --success: #16A34A;
    --warning: #D97706;
    --danger:  #DC2626;
    --info:    var(--brand);

    /* ---- 评级色（对应 store.js:deriveGrade 四档）---- */
    --grade-excellent:    #16A34A;   --grade-excellent-bg: #E8F7EE;  /* >=90 优秀   */
    --grade-good:         #3B82F6;   --grade-good-bg:      #EAF2FB;  /* >=80 良好   */
    --grade-average:      #D97706;   --grade-average-bg:   #FEF3E2;  /* >=60 合格   */
    --grade-poor:         #DC2626;   --grade-poor-bg:      #FDECEC;  /* <60  待改进 */

    /* 评级色兼容别名（PRD 命名 pass/fail 口径，与上表一一对应） */
    --grade-pass: var(--grade-average);
    --grade-fail: var(--grade-poor);

    /* ---- 侧边栏（V2.5：深色 #001529 → 淡蓝）---- */
    --sidebar-bg:          var(--brand-light);
    --sidebar-bg-alt:      #DCE8F7;
    --sidebar-text:        var(--text);
    --sidebar-text-muted:  var(--text-secondary);
    --sidebar-text-active: var(--brand-deep);
    --sidebar-active-bg:   #FFFFFF;
    --sidebar-hover-bg:    rgba(59, 130, 246, 0.08);
    --sidebar-border:      var(--brand-border);

    /* ---- 登录页 ---- */
    --login-gradient:      linear-gradient(135deg, #EAF2FB 0%, #F7FBFF 100%);

    /* ---- 阴影 / 圆角 ---- */
    --shadow-sm: 0 1px 4px rgba(59, 130, 246, .08);
    --shadow-md: 0 2px 12px rgba(59, 130, 246, .12);
    --shadow-lg: 0 8px 24px rgba(59, 130, 246, .16);
    --radius:    8px;
    --radius-lg: 12px;

    /* ---- Logo 资产（占位 SVG，替换真图时仅需覆盖同名文件）---- */
    --logo-url:      url('../images/logo.svg');
    --logo-mark-url: url('../images/logo-mark.svg');

    /* ---- ⚠️ 兼容别名：勿删！---- */
    /* dashboard.css 39 处 var(--primary) 依赖此项 */
    --primary:      var(--brand);
    --primary-dark: var(--brand-dark);
    /* PRD 命名别名 */
    --surface:      var(--card-bg);
    --text-muted:   var(--text-secondary);
}

/* ============================================================================
 * 全站页脚（V2.5：公安网备号公示）
 * 备案号须在对外公开页面展示，登录页与仪表盘共用此样式。
 * ========================================================================== */
.site-footer {
    margin-top: 24px;
    padding: 14px 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-size: 12px;
    color: var(--text-secondary);
    border-top: 1px solid var(--border-soft);
    background: var(--card-bg);
}
.site-footer .beian-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--text-secondary);
    text-decoration: none;
    transition: color .15s ease;
}
.site-footer .beian-link:hover {
    color: var(--brand);
}
.site-footer .beian-badge {
    font-size: 13px;
    line-height: 1;
}