/* CSS变量定义 */
:root {
    /* 主色调 */
    --primary-color: #007AFF;
    --primary-hover: #0056CC;
    --primary-light: #E3F0FF;

    /* 辅助色 */
    --success-color: #07C160;
    --warning-color: #FF9500;
    --danger-color: #FF3B30;
    --info-color: #10AEFF;

    /* 中性色 */
    --text-primary: #1A1A1A;
    --text-secondary: #666666;
    --text-tertiary: #999999;
    --text-placeholder: #CCCCCC;

    /* 背景色 */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F5F5F7;
    --bg-hover: #E8E8ED;
    --bg-mask: rgba(0, 0, 0, 0.5);

    /* 边框色 */
    --border-color: #E5E5EA;
    --border-light: #F0F0F0;

    /* 阴影 */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);

    /* 圆角 */
    --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: 24px;
    --spacing-2xl: 32px;

    /* 字体大小 */
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;

    /* 侧边栏 */
    --sidebar-width: 220px;
    --sidebar-collapsed-width: 64px;
}