:root {
    /* 主色调 - 品牌橙 */
    --color-primary: #d9712c;
    --color-primary-light: #e8915a;
    --color-primary-dark: #b85a1f;
    --color-primary-rgb: 217, 113, 44;

    /* 辅色调 */
    --color-secondary: #2c3e50;
    --color-secondary-light: #34495e;
    --color-secondary-rgb: 44, 62, 80;

    /* 强调色 */
    --color-accent: #f39c12;
    --color-accent-rgb: 243, 156, 18;

    /* 背景色 */
    --color-bg: #fafafa;
    --color-bg-alt: #f5f5f5;
    --color-bg-dark: #1a1a2e;

    /* 文字色 */
    --color-text: #2c2c2c;
    --color-text-muted: #7f8c8d;
    --color-text-light: #ffffff;

    /* 边框色 */
    --color-border: #e0e0e0;
    --color-border-light: #f0f0f0;

    /* 功能色 */
    --color-success: #27ae60;
    --color-warning: #f39c12;
    --color-danger: #e74c3c;
    --color-info: #3498db;

    /* 字体 */
    --font-display: 'Inter', 'Noto Sans SC', system-ui, sans-serif;
    --font-body: 'Inter', 'Noto Sans SC', system-ui, sans-serif;
    --font-fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;

    /* 间距 */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;

    /* 圆角 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* 阴影 */
    --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);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
    --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.25);

    /* 过渡 */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 350ms ease;

    /* 容器 */
    --container-max: 1200px;
    --container-padding: 24px;

    /* 导航高度 */
    --nav-height: 72px;
    --nav-height-mobile: 64px;
}

/* 暗色主题变量 */
@media (prefers-color-scheme: dark) {
    :root {
        --color-bg: #1a1a2e;
        --color-bg-alt: #16213e;
        --color-text: #f5f5f5;
        --color-text-muted: #a0a0a0;
        --color-border: #2c3e50;
    }
}