/* CSS Variables */
:root {
    /* 主色调 - 蓝色系 */
    --primary-blue: #0056b3;
    --dark-blue: #003d80;
    --light-blue: #007bff;
    --accent-blue: #00a8ff;

    /* 辅助色 */
    --orange: #ff6b00;
    --gold: #ffd700;

    /* 中性色 */
    --white: #ffffff;
    --gray-light: #f8f9fa;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --black: #000000;

    /* 背景 */
    --bg-primary: #ffffff;
    --bg-secondary: #f5f5f5;
    --bg-dark: #1a1a1a;

    /* 文字颜色 */
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-light: #999999;

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

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

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

    /* 过渡 */
    --transition: all 0.3s ease;

    /* 容器宽度 */
    --container-width: 1200px;
}