:root {
    --trv-control-height-sm: 32px;
    --trv-control-height-md: 40px;
    --trv-control-height-lg: 48px;
    --trv-radius-sm: 6px;
    --trv-radius-md: 9px;
    --trv-radius-lg: 13px;
    --trv-space-1: 4px;
    --trv-space-2: 8px;
    --trv-space-3: 12px;
    --trv-space-4: 16px;
    --trv-font-xs: 11px;
    --trv-font-sm: 13px;
    --trv-font-md: 14px;
    --trv-control-border: var(--line, #d8e1eb);
    --trv-control-bg: var(--panel, #fff);
    --trv-control-text: var(--text, #172033);
    --trv-muted-text: var(--muted, #667085);
    --trv-primary: var(--primary, #2456d8);
    --trv-primary-hover: var(--primary-dark, #1c43aa);
    --trv-danger: #c93434;
    --trv-success: #16835b;
    --trv-warning: #b66b08;
}