/**
 * Backend Theme - 边框变量
 * 
 * 后端管理界面的边框系统
 * 字段
 * @meta.name {default="Backend边框变量",name="Backend边框变量",description="Backend边框变量，用于描述变量的名称"}
 * @meta.description {default="定义统一的边框系统，包括边框宽度、圆角、样式等",name="定义统一的边框系统",description="定义统一的边框系统，包括边框宽度、圆角、样式等，用于描述变量的用途"}
 * @meta.category {default="variables",name="分类",description="分类，用于标识该文件所属的分类"}
 */

:root {
    /* ========================================
       边框宽度
       ======================================== */
    --backend-border-width-none: 0;
    --backend-border-width-thin: 1px;
    --backend-border-width-medium: 2px;
    --backend-border-width-thick: 3px;

    /* ========================================
       边框圆角（Bootstrap兼容）
       ======================================== */
    --backend-border-radius-none: 0;
    --backend-border-radius-sm: 0.25rem;    /* 4px */
    --backend-border-radius: 0.375rem;      /* 6px - Bootstrap默认 */
    --backend-border-radius-md: 0.5rem;     /* 8px */
    --backend-border-radius-lg: 0.75rem;    /* 12px */
    --backend-border-radius-xl: 1rem;       /* 16px */
    --backend-border-radius-2xl: 1.5rem;     /* 24px */
    --backend-border-radius-pill: 50rem;    /* Bootstrap pill */
    --backend-border-radius-circle: 50%;    /* 圆形 */

    /* ========================================
       边框样式
       ======================================== */
    --backend-border-style-solid: solid;
    --backend-border-style-dashed: dashed;
    --backend-border-style-dotted: dotted;
    --backend-border-style-none: none;

    /* ========================================
       组件边框
       ======================================== */
    --backend-border-input: var(--backend-border-width-thin) var(--backend-border-style-solid) var(--backend-color-border-default);
    --backend-border-input-focus: var(--backend-border-width-medium) var(--backend-border-style-solid) var(--backend-color-primary);
    --backend-border-button: var(--backend-border-width-thin) var(--backend-border-style-solid) transparent;
    --backend-border-card: var(--backend-border-width-thin) var(--backend-border-style-solid) var(--backend-color-border-default);
    --backend-border-table: var(--backend-border-width-thin) var(--backend-border-style-solid) var(--backend-color-border-light);
    --backend-border-modal: var(--backend-border-width-none);
    --backend-border-dropdown: var(--backend-border-width-thin) var(--backend-border-style-solid) var(--backend-color-border-default);
    
    /* ========================================
       特殊边框
       ======================================== */
    --backend-border-sidebar: var(--backend-border-width-thin) var(--backend-border-style-solid) var(--backend-color-border-light);
    --backend-border-header: var(--backend-border-width-thin) var(--backend-border-style-solid) var(--backend-color-border-light);
    --backend-border-divider: var(--backend-border-width-thin) var(--backend-border-style-solid) var(--backend-color-border-light);
}