/**
 * Backend Theme - 字体变量
 * 
 * 后端管理界面的字体系统
 * 字段
 * @meta.name {default="Backend字体变量",name="Backend字体变量",description="Backend字体变量，用于描述变量的名称"}
 * @meta.description {default="定义字体系统相关的变量，包括字体族、字体大小、字体粗细、行高等",name="定义字体系统相关的变量",description="定义字体系统相关的变量，包括字体族、字体大小、字体粗细、行高等，用于描述变量的用途"}
 * @meta.category {default="variables",name="分类",description="分类，用于标识该文件所属的分类"}
 */

:root {
    /* ========================================
       字体族（Bootstrap兼容）
       ======================================== */
    --backend-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --backend-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --backend-font-family-serif: Georgia, "Times New Roman", serif;
    
    /* ========================================
       字体大小（Bootstrap兼容）
       ======================================== */
    --backend-font-size-xs: 0.75rem;      /* 12px */
    --backend-font-size-sm: 0.875rem;      /* 14px */
    --backend-font-size-base: 1rem;       /* 16px - Bootstrap默认 */
    --backend-font-size-lg: 1.125rem;     /* 18px */
    --backend-font-size-xl: 1.25rem;      /* 20px */
    --backend-font-size-2xl: 1.5rem;      /* 24px */
    --backend-font-size-3xl: 1.75rem;     /* 28px */
    --backend-font-size-4xl: 2rem;        /* 32px */
    --backend-font-size-5xl: 2.5rem;      /* 40px */
    --backend-font-size-6xl: 3rem;        /* 48px */
    
    /* ========================================
       字体粗细（Bootstrap兼容）
       ======================================== */
    --backend-font-weight-lighter: lighter;
    --backend-font-weight-light: 300;
    --backend-font-weight-normal: 400;
    --backend-font-weight-medium: 500;
    --backend-font-weight-semibold: 600;
    --backend-font-weight-bold: 700;
    --backend-font-weight-bolder: bolder;
    
    /* ========================================
       行高（Bootstrap兼容）
       ======================================== */
    --backend-line-height-sm: 1.25;
    --backend-line-height-base: 1.5;
    --backend-line-height-lg: 1.75;
    --backend-line-height-tight: 1.25;
    --backend-line-height-normal: 1.5;
    --backend-line-height-relaxed: 1.75;
    --backend-line-height-loose: 2;
    
    /* ========================================
       字间距
       ======================================== */
    --backend-letter-spacing-tight: -0.025em;
    --backend-letter-spacing-normal: 0;
    --backend-letter-spacing-wide: 0.025em;
    --backend-letter-spacing-wider: 0.05em;
    --backend-letter-spacing-widest: 0.1em;
    
    /* ========================================
       组件字体
       ======================================== */
    --backend-font-size-h1: 2.5rem;       /* 40px */
    --backend-font-size-h2: 2rem;         /* 32px */
    --backend-font-size-h3: 1.75rem;      /* 28px */
    --backend-font-size-h4: 1.5rem;       /* 24px */
    --backend-font-size-h5: 1.25rem;      /* 20px */
    --backend-font-size-h6: 1rem;         /* 16px */
    
    --backend-font-weight-h1: 500;
    --backend-font-weight-h2: 500;
    --backend-font-weight-h3: 500;
    --backend-font-weight-h4: 500;
    --backend-font-weight-h5: 500;
    --backend-font-weight-h6: 500;
    
    --backend-line-height-h1: 1.2;
    --backend-line-height-h2: 1.3;
    --backend-line-height-h3: 1.4;
    --backend-line-height-h4: 1.4;
    --backend-line-height-h5: 1.5;
    --backend-line-height-h6: 1.5;
    
    /* ========================================
       特殊字体
       ======================================== */
    --backend-font-size-small: var(--backend-font-size-sm);
    --backend-font-size-caption: 0.75rem;   /* 12px */
    --backend-font-size-label: 0.875rem;  /* 14px */
    --backend-font-size-body: var(--backend-font-size-base);
    --backend-font-size-button: var(--backend-font-size-base);
    --backend-font-size-input: var(--backend-font-size-base);
    --backend-font-size-table: var(--backend-font-size-sm);
    --backend-font-size-sidebar: var(--backend-font-size-sm);
    --backend-font-size-breadcrumb: var(--backend-font-size-sm);
}