/* CSS 变量定义 - 颜色主题 */
:root {
    /* 主色调 */
    --primary-100: #0077C2;
    --primary-200: #59a5f5;
    --primary-300: #c8ffff;
    
    /* 强调色 */
    --accent-100: #00BFFF;
    --accent-200: #00619a;
    
    /* 文本颜色 */
    --text-100: #333333;
    --text-200: #5c5c5c;
    --text-300: #888888;
    --text-400: #aaaaaa;
    --text-500: #ffffff;
    
    /* 背景颜色 */
    --bg-100: #FFFFFF;
    --bg-200: #f8f9fa;
    --bg-300: #e9ecef;
    --bg-400: #dee2e6;
    --bg-500: #ced4da;
    
    /* 状态颜色 */
    --success: #28a745;
    --warning: #ffc107;
    --danger: #dc3545;
    --info: #17a2b8;
    
    /* 阴影 */
    --shadow-sm: 0 2px 4px 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);
    
    /* 边框圆角 */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    
    /* 间距 */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    
    /* 断点 */
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}