:root {
    --hl-brand-color: #0052d9;
    --hl-brand-hover: #366ef4;
    --hl-success-color: #2ba471;
    --hl-warning-color: #ed7b2f;
    --hl-error-color: #d54941;
    --hl-text-primary: rgba(0, 0, 0, 0.9);
    --hl-text-secondary: rgba(0, 0, 0, 0.6);
    --hl-text-placeholder: rgba(0, 0, 0, 0.4);
    --hl-border-color: #dcdcdc;
    --hl-page-background: #f3f3f3;
    --hl-container-background: #ffffff;
    --hl-control-height: 40px;
    --hl-control-radius: 6px;
    --hl-space-xs: 4px;
    --hl-space-sm: 8px;
    --hl-space-md: 16px;
    --hl-space-lg: 24px;
    --hl-space-xl: 32px;
    --hl-font-family: Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    --hl-font-size-body: 14px;
    --hl-font-size-help: 12px;
    --hl-font-size-title: 24px;
}