/* CSS Variables - 设计变量 */
:root {
    /* 主题色 - 经典蓝色系 */
    --color-primary: #1d7ce6;
    --color-primary-hover: #2b8de8;
    --color-primary-active: #1666b8;
    --color-primary-light: #e8f4fc;

    /* 功能色 */
    --color-success: #3da84f;
    --color-success-light: #edf9ef;
    --color-warning: #e6931a;
    --color-warning-light: #fef7ec;
    --color-danger: #d9534f;
    --color-danger-light: #fbefee;
    --color-info: #5bc0de;
    --color-info-light: #eef9fc;

    /* 文字颜色 */
    --color-text-primary: #2d3748;
    --color-text-secondary: #5a6978;
    --color-text-weak: #8a96a6;
    --color-text-disabled: #b0b8c4;

    /* 边框颜色 */
    --color-border: #d8dde6;
    --color-border-light: #e8ecf2;
    --color-border-dark: #c4cad4;

    /* 背景颜色 */
    --color-bg-page: #eef1f5;
    --color-bg-white: #ffffff;
    --color-bg-gray: #f7f9fb;

    /* 侧边栏 - 深灰蓝 */
    --sidebar-width: 210px;
    --sidebar-collapsed-width: 60px;
    --sidebar-bg: #2d3a4a;
    --sidebar-bg-dark: #232d3a;
    --sidebar-text: #a9b5c5;
    --sidebar-text-hover: #d4dbe5;
    --sidebar-text-active: #ffffff;
    --sidebar-menu-hover: rgba(255, 255, 255, 0.06);
    --sidebar-menu-active: var(--color-primary);

    /* 顶部导航 */
    --header-height: 52px;
    --header-bg: #ffffff;
    --header-border: #e2e6ec;

    /* 表格 */
    --table-header-bg: #f5f7fa;
    --table-header-text: #4a5568;
    --table-border: #e2e6ec;
    --table-row-hover: #f0f6fb;
    --table-stripe-bg: #fafbfc;

    /* 尺寸 */
    --radius-sm: 2px;
    --radius-md: 3px;
    --radius-lg: 4px;

    /* 阴影 - 更扁平的设计 */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.04);

    /* 过渡 */
    --transition-fast: 0.12s ease;
    --transition-normal: 0.2s ease;

    /* z-index */
    --z-sidebar: 100;
    --z-header: 101;
    --z-modal: 1000;
    --z-toast: 1001;
}