/**
 * 主题色 → layui 组件映射
 * 修改人：Leek  时间：2026-10-18 14:24
 * 说明：原文件为 12 套主题各硬编码一遍色值；现统一改为消费 theme-accent.css 的变量，
 *      body[data-theme] 一变，下面所有组件同步生效，无需按主题重复。
 * 依赖变量：--fi-primary / --fi-primary-rgb / --fi-primary-light（见 theme-accent.css）
 */

body {
    --theme-color: var(--fi-primary);
    /* 深一档的主色，用于 active / 分裂按钮悬停 */
    --theme-color-deep: color-mix(in srgb, var(--fi-primary) 82%, #000000);
}

/* ---- 色块 & 按钮 ---- */
body .layui-bg-default { background-color: var(--fi-primary); }

body .layui-btn-default { background-color: var(--fi-primary); }

body .layui-bg-default.active,
body .layui-btn-default.active { background-color: var(--theme-color-deep); }

body .layui-bg-default:hover { opacity: .85; }

/* ---- 边框 / 输入 / 文字 ---- */
body .layui-border-color { border-color: var(--fi-primary) !important; }

body .layui-input-hover:hover,
body .layui-input-hover:focus { border-color: var(--fi-primary) !important; }

body .layui-color-default { color: var(--fi-primary); }

/* ---- 弹层按钮 ---- */
body .layui-layer-btn .layui-layer-btn0 {
    border-color: var(--fi-primary);
    background-color: var(--fi-primary);
}

/* ---- 分页 ---- */
body .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: var(--fi-primary); }

/* ---- 表单：下拉 / 单选 / 复选 / 标签 ---- */
body .layui-form-select dl dd.layui-this { color: var(--fi-primary); }

body .layui-form-radio:hover *,
body .layui-form-radioed,
body .layui-form-radioed > i { color: var(--fi-primary); }

body .layui-form-checked[lay-skin="primary"] i {
    border-color: var(--fi-primary) !important;
    background-color: var(--fi-primary);
}

body .layui-form-checkbox[lay-skin="primary"]:hover i { border-color: var(--fi-primary) !important; }

body .layui-form-checked[lay-skin="tag"] > div { background-color: var(--fi-primary); }

body .layui-form-checked[lay-skin="tag"] > i { color: var(--fi-primary); }

/* ---- 普通按钮描边 ---- */
body .layui-btn.layui-btn-primary:hover { border-color: var(--fi-primary); }

/* ---- 简易 Tab ---- */
body .layui-tab-brief > .layui-tab-title .layui-this { color: var(--fi-primary); }

body .layui-tab-brief > .layui-tab-title .layui-this::after { border-color: var(--fi-primary); }

/* ---- 日期选择 ---- */
body .layui-laydate .layui-this { background-color: var(--fi-primary) !important; }

body .layui-laydate-footer span:hover { color: var(--fi-primary); }

/* ---- 分裂按钮 ---- */
body .layui-btn-drop.layui-btn-default em:hover,
body .layui-btn-drop.layui-btn-default i:hover,
body .layui-btn-drop.layui-btn-default span.toggle:hover,
body .layui-btn-drop.layui-btn-default .toggle.active { background-color: var(--theme-color-deep); }