/**
 * Backend Theme - 亮色主题颜色
 * 
 * 后端管理界面亮色主题的颜色覆盖文件
 * 字段
 * @meta.name {default="Backend亮色主题颜色",name="Backend亮色主题颜色",description="Backend亮色主题颜色，用于描述色系的名称"}
 * @meta.description {default="后端管理界面亮色主题的颜色覆盖，提供浅色背景和深色文本，通常与默认值一致",name="后端管理界面亮色主题的颜色覆盖",description="后端管理界面亮色主题的颜色覆盖，提供浅色背景和深色文本，通常与默认值一致，用于描述色系的用途"}
 * @meta.theme {default="light",name="主题标识",description="主题标识，用于标识该色系对应的主题名称"}
 */

[data-theme="light"],
:root {
    /* ========================================
       文本色
       ======================================== */
    --backend-color-text-primary: #212529;
    --backend-color-text-secondary: #6c757d;
    --backend-color-text-tertiary: #adb5bd;
    --backend-color-text-disabled: #ced4da;
    --backend-color-text-muted: #6c757d;
    --backend-color-text-light: #f8f9fa;
    --backend-color-text-light-secondary: #dee2e6;
    --backend-color-text-dark: #212529;
    --backend-color-text-placeholder: #adb5bd;
    --backend-color-text-inverse: #ffffff;

    /* ========================================
       背景色
       ======================================== */
    --backend-color-bg-primary: #ffffff;
    --backend-color-bg-secondary: #f8f9fa;
    --backend-color-bg-tertiary: #e9ecef;
    --backend-color-bg-dark: #212529;
    --backend-color-bg-dark-secondary: #343a40;
    --backend-color-bg-dark-tertiary: #495057;
    --backend-color-bg-body: #f8f9fa;
    --backend-color-bg-surface: #ffffff;
    --backend-color-bg-overlay: rgba(0, 0, 0, 0.5);

    /* ========================================
       边框色
       ======================================== */
    --backend-color-border-default: #dee2e6;
    --backend-color-border-emphasis: #adb5bd;
    --backend-color-border-focus: var(--backend-color-primary);
    --backend-color-border-light: #e9ecef;
    --backend-color-border-dark: #6c757d;

    /* ========================================
       组件特定颜色
       ======================================== */
    /* 侧边栏 */
    --backend-color-sidebar-bg: #ffffff;
    --backend-color-sidebar-text: var(--backend-color-text-primary);
    --backend-color-sidebar-hover: var(--backend-color-bg-secondary);
    --backend-color-sidebar-active: var(--backend-color-primary-bg-subtle);
    --backend-color-sidebar-border: var(--backend-color-border-light);
    
    /* 头部 */
    --backend-color-header-bg: #ffffff;
    --backend-color-header-text: var(--backend-color-text-primary);
    --backend-color-header-border: var(--backend-color-border-light);
    
    /* 表格 */
    --backend-color-table-bg: #ffffff;
    --backend-color-table-bg-striped: var(--backend-color-bg-secondary);
    --backend-color-table-bg-hover: var(--backend-color-bg-tertiary);
    --backend-color-table-border: var(--backend-color-border-light);
    
    /* 卡片 */
    --backend-color-card-bg: #ffffff;
    --backend-color-card-border: var(--backend-color-border-default);
    --backend-color-card-header-bg: var(--backend-color-bg-secondary);
    
    /* 输入框 */
    --backend-color-input-bg: #ffffff;
    --backend-color-input-border: var(--backend-color-border-default);
    --backend-color-input-focus-border: var(--backend-color-primary);
    --backend-color-input-disabled-bg: var(--backend-color-bg-tertiary);
}