/* CSS 变量 - 主题 */
/* 默认使用10元色系（蓝调） */
/* 后端 /api/system/theme.css 会覆盖这些变量 */

:root {
    /* 主色 */
    --color-primary: #4A7C9B;
    --color-primary-light: #6A9BB8;
    --color-primary-dark: #3A6278;

    /* 辅助色 */
    --color-secondary: #7BA3B8;

    /* 背景色 */
    --color-background: #F5F8FA;
    --color-surface: #FFFFFF;

    /* 边框 */
    --color-border: #C8D8E4;
    --color-border-light: #E4EDF3;

    /* 文字 */
    --color-text-primary: #2C4A5E;
    --color-text-secondary: #4A6B7C;
    --color-text-muted: #8AA4B4;

    /* 状态色 */
    --color-success: #5A8A6A;
    --color-warning: #B89A5A;
    --color-danger: #A85A5A;
    --color-info: #5A7A9A;

    /* 渐变色 */
    --gradient-primary: linear-gradient(135deg, #4A7C9B 0%, #6A9BB8 100%);
    --gradient-secondary: linear-gradient(135deg, #7BA3B8 0%, #9BBDD0 100%);
    --gradient-surface: linear-gradient(180deg, #FFFFFF 0%, #F5F8FA 100%);
    --gradient-header: linear-gradient(90deg, #3A6278 0%, #4A7C9B 50%, #6A9BB8 100%);
    --gradient-accent: linear-gradient(90deg, #4A7C9B 0%, #5A8A6A 100%);

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

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

    /* 阴影 */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);

    /* 布局 */
    --header-height: 60px;
    --sidebar-width: 180px;
}