/* CSS Variables - 金融蓝色风格 */

:root {
    /* 主色调 - 金融蓝 */
    --primary-color: #1890ff;
    --primary-dark: #096dd9;
    --primary-light: #40a9ff;
    --primary-lighter: #69c0ff;
    --bg-gradient: linear-gradient(135deg, #1890ff 0%, #096dd9 100%);

    /* 功能色 */
    --success-color: #52c41a;
    --warning-color: #faad14;
    --error-color: #ff4d4f;
    --info-color: #1890ff;

    /* 文字颜色 */
    --text-primary: #262626;
    --text-secondary: #8c8c8c;
    --text-placeholder: #bfbfbf;
    --text-white: #ffffff;

    /* 背景色 */
    --bg-color: #f5f7fa;
    --bg-white: #ffffff;
    --bg-gray: #fafafa;

    /* 边框 */
    --border-color: #e8e8e8;
    --border-color-light: #f0f0f0;

    /* 阴影 */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.03);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(24, 144, 255, 0.12);

    /* 圆角 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;

    /* 间距 */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-xxl: 24px;

    /* 动画 */
    --transition-fast: 0.15s ease;
    --transition-base: 0.3s ease;
}