:root {
    --qb-primary: #2563eb;
    --qb-primary-hover: #1d4ed8;
    --qb-primary-soft: #eff6ff;
    --qb-page: #f1f5f9;
    --qb-surface: #ffffff;
    --qb-surface-muted: #f8fafc;
    --qb-text: #0f172a;
    --qb-muted: #64748b;
    --qb-border: #e2e8f0;
    --qb-success: #059669;
    --qb-warning: #d97706;
    --qb-danger: #dc2626;
    --qb-radius: 14px;
    --qb-radius-sm: 9px;
    --qb-shadow: 0 8px 24px rgba(15, 23, 42, .07);
    --qb-shadow-lg: 0 20px 50px rgba(15, 23, 42, .14);
}