/* ===== CSS 变量 ===== */
:root {
    /* 发布端橙色系 */
    --publish-primary: #FF6B35;
    --publish-primary-dark: #E55A2B;
    --publish-primary-light: #FF8C42;
    --publish-bg: #FFF5F0;

    /* 接单端绿色系 */
    --task-primary: #00B96B;
    --task-primary-dark: #009A59;
    --task-primary-light: #52C41A;
    --task-bg: #F0FFF6;

    /* 通用颜色 */
    --white: #FFFFFF;
    --bg: #F5F6FA;
    --border: #E8E8E8;
    --text: #333333;
    --text-secondary: #999999;
    --text-light: #BBBBBB;
    --danger: #FF4757;
    --warning: #FFA502;
    --success: #2ED573;
    --info: #1E90FF;

    /* 尺寸 */
    --radius-sm: 4px;
    --radius: 8px;
    --radius-lg: 12px;
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-lg: 0 4px 16px rgba(0,0,0,0.12);

    /* 字体 */
    --font-xs: 11px;
    --font-sm: 12px;
    --font-md: 14px;
    --font-lg: 16px;
    --font-xl: 18px;
    --font-xxl: 22px;

    /* 间距 */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 16px;
    --space-xl: 20px;
    --space-xxl: 24px;

    /* 底部导航高度 */
    --tabbar-height: 56px;
    --navbar-height: 44px;
}