:root {
    /* 主色渐变 - 基于#0A5AA8的蓝色系 */
    --primary-gradient: linear-gradient(135deg, #0A5AA8 0%, #1E3A8A 100%);
    --primary-color: #0A5AA8;
    --primary-dark: #1E3A8A;
    --primary-light: #3B82F6;
    
    /* 主色透明度变体 */
    --primary-light-10: linear-gradient(135deg, rgba(10, 90, 168, 0.1) 0%, rgba(30, 58, 138, 0.1) 100%);
    --primary-light-15: linear-gradient(135deg, rgba(10, 90, 168, 0.15) 0%, rgba(30, 58, 138, 0.15) 100%);
    --primary-light-20: linear-gradient(135deg, rgba(10, 90, 168, 0.2) 0%, rgba(30, 58, 138, 0.2) 100%);
    --primary-light-30: linear-gradient(135deg, rgba(10, 90, 168, 0.3) 0%, rgba(30, 58, 138, 0.3) 100%);
    
    /* 中性色 */
    --text-primary: #1d1d1f;
    --text-secondary: #8e8e93;
    --text-tertiary: #c7c7cc;
    
    /* 背景色 */
    --bg-primary: rgba(255, 255, 255, 0.7);
    --bg-secondary: #f7f7f7;
    
    /* 边框和阴影 */
    --border-color: rgba(0, 0, 0, 0.08);
    --shadow-light: rgba(0, 0, 0, 0.08);
    
    /* 圆角 */
    --radius-small: 8px;
    --radius-medium: 12px;
    --radius-large: 20px;
    
    /* 动画 */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}