/* 统一颜色变量管理文件 */
:root {
    /* ===== 主题色系 ===== */
    --color-primary: #5d7eeb;
    --color-primary-50: #f0f3ff;
    --color-primary-100: #e1e8ff;
    --color-primary-200: #c3d1ff;
    --color-primary-300: #a5baff;
    --color-primary-400: #87a3ff;
    --color-primary-500: #5d7eeb;
    --color-primary-600: #4a63bc;
    --color-primary-700: #38488d;
    --color-primary-800: #252d5e;
    --color-primary-900: #13122f;

    --color-primary-light: rgba(93, 126, 235, 0.1);
    --color-primary-medium: rgba(93, 126, 235, 0.15);
    --color-primary-dark: rgba(93, 126, 235, 0.8);

    /* ===== 语义化颜色 ===== */
    --color-success: #07c160;
    --color-warning: #ff976a;
    --color-danger: #ee0a24;
    --color-info: #1989fa;

    /* ===== 中性色系 ===== */
    --color-gray-50: #fafafa;
    --color-gray-100: #f5f5f5;
    --color-gray-200: #e5e5e5;
    --color-gray-300: #d4d4d4;
    --color-gray-400: #a3a3a3;
    --color-gray-500: #737373;
    --color-gray-600: #525252;
    --color-gray-700: #404040;
    --color-gray-800: #262626;
    --color-gray-900: #171717;

    /* ===== 文本颜色 ===== */
    --color-text-primary: #323233;
    --color-text-secondary: #646566;
    --color-text-tertiary: #969799;

    /* ===== 背景颜色 ===== */
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #fafafa;
    --color-bg-tertiary: #f8f8f8;

    /* ===== 边框颜色 ===== */
    --color-border-primary: #ebedf0;
}

.bg-primary {
    background-color: var(--color-primary) !important;
}
