/* ============================================================
 * 用户自定义换肤
 * ============================================================
 */

:root[data-theme="example"] {

    /* ---------- 主色系 ---------- */
    --cbi-color-primary: #1e40af;
    --cbi-color-primary-hover: #3553b7;
    --cbi-color-primary-active: #1b3a9e;
    --cbi-color-secondary: #3b82f6;
    --cbi-color-brand: #3489FF;
    --cbi-color-brand-light: #5E9FFF;
    --cbi-color-accent: #d97706;
    --cbi-color-accent-dark: #b45309;
    --cbi-color-accent-hover: #c26a06;

    /* ---------- 主色浅色系（由 #3B82F6 混白派生） ---------- */
    --cbi-color-primary-light-2: #629bf8;
    --cbi-color-primary-light-5: #9dc1fa;
    --cbi-color-primary-light-7: #c4dafc;
    --cbi-color-primary-light-8: #d8e6fd;
    --cbi-color-primary-light-9: #ebf3fe;

    /* ---------- 图表分类色板（8 色可访问，含琥珀强调） ---------- */
    --cbi-chart-1: #1e40af;  /* 深靛蓝（主系列） */
    --cbi-chart-2: #3b82f6;  /* 亮蓝 */
    --cbi-chart-3: #d97706;  /* 琥珀（强调） */
    --cbi-chart-4: #0ea5e9;  /* 天蓝 */
    --cbi-chart-5: #6366f1;  /* 靛紫 */
    --cbi-chart-6: #10b981;  /* 翠绿 */
    --cbi-chart-7: #f59e0b;  /* 金黄 */
    --cbi-chart-8: #8b5cf6;  /* 紫罗兰 */

    /* ---------- Schema 树节点分类色（与默认主题一致） ---------- */
    --cbi-schema-node-dim-color: #71a1f6;
    --cbi-schema-node-measure-color: #53BD92;
    --cbi-schema-node-exp-color: #53BD92;
    --cbi-schema-node-filter-color: #f39c12;

    /* ---------- 语义色（Element 默认） ---------- */
    --cbi-color-success: #67c23a;
    --cbi-color-warning: #e6a23c;
    --cbi-color-warning-dark: #b45309;
    --cbi-color-danger: #f56c6c;
    --cbi-color-info: #909399;
    --cbi-color-success-light-9: #f0f0f5;
    --cbi-color-warning-light-9: #fdf6ec;
    --cbi-color-warning-light-7: #f5dab1;
    --cbi-color-danger-light-9: #fef0f0;
    --cbi-color-info-light-9: #f4f4f5;

    /* ---------- 文字层级 ---------- */
    --cbi-color-text-primary: #0a0a0a;
    --cbi-color-text-regular: #606266;
    --cbi-color-text-secondary: #909399;
    --cbi-color-text-placeholder: #c0c4cc;
    --cbi-color-link: var(--cbi-color-primary);

    /* ---------- 边框（带淡蓝调） ---------- */
    --cbi-color-border: #e2e8f0;
    --cbi-color-border-light: #e2e8f0;
    --cbi-color-border-lighter: #ebeef5;
    --cbi-color-border-adminlte: #cfd8e8;

    /* ---------- 背景（页面底 #F8FAFC） ---------- */
    --cbi-color-bg-page: #f8fafc;
    --cbi-color-bg-content: #ecf0f5;
    --cbi-color-bg-container: #ffffff;
    --cbi-color-bg-hover: #f5f7fa;
    --cbi-color-bg-selected: #ebf3fe;
    --cbi-color-table-header: #fafafa;
    --cbi-color-table-stripe: #fdfcfc;
    --cbi-color-table-border: #e4e4e7;
    --cbi-color-table-row-hover: #eaf3ff;
    --cbi-color-bg-canvas: #eef2f7;
    --cbi-color-submenu-bg: #ecf0f4;
    /* 深底 header：白字白激活 */
    --cbi-color-header-bg: #1d2c57;
    --cbi-color-header-text: #ffffff;
    --cbi-color-header-text-secondary: rgba(255, 255, 255, 0.85);
    --cbi-color-header-hover-bg: rgba(255, 255, 255, 0.12);
    --cbi-color-user-header-bg: #1d2c57;
    --cbi-color-header-active: #ffffff;
    --cbi-color-header-hover-text: #ffffff;
    --cbi-color-mask: rgba(0, 0, 0, 0.5);
    --cbi-color-tooltip-bg: #303133;

    /* ---------- 焦点环（指向 primary-light-8） ---------- */
    --cbi-focus-ring: 0 0 0 2px var(--cbi-color-primary-light-8);
}